HTML常用代碼集合，背完這些基本可以自己做表白網頁了

lt;marquee>...</marquee>普通卷動

<marquee behavior=slide>...</marquee>滑動

<marquee behavior=scroll>...</marquee>預設卷動

<marquee behavior=alternate>...</marquee>來回卷動

<marquee direction=down>...</marquee>向下卷動

<marquee direction=up>...</marquee>向上卷動

<marquee direction=right></marquee>向右卷動

<marquee direction=left></marquee>向左卷動

<marquee loop=2>...</marquee>卷動次數

<marquee width=180>...</marquee>設定寬度

<marquee height=30>...</marquee>設定高度

<marquee bgcolor=FF0000>...</marquee>設定背景顏色

<marquee scrollamount=30>...</marquee>設定卷動距離

<marquee scrolldelay=300>...</marquee>設定卷動時間

<!>字體效果

<h1>...</h1>標題字(最大)

<h6>...</h6>標題字(最小)

<b>...</b>粗體字

<strong>...</strong>粗體字(強調)

<i>...</i>斜體字

<em>...</em>斜體字(強調)

<dfn>...</dfn>斜體字(表示定義)

<u>...</u>底線

<ins>...</ins>底線(表示插入文字)

<strike>...</strike>橫線

<s>...</s>刪除線

<del>...</del>刪除線(表示刪除)

<kbd>...</kbd>鍵盤文字

<tt>...</tt> 打字體

<xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)

<plaintext>...</plaintext>固定寬度字體(不執行標記符號)

<listing>...</listing> 固定寬度小字體

<font color=00ff00>...</font>字體顏色

<font size=1>...</font>最小字體

<font style =font-size:100 px>...</font>無限增大

<!>區斷標記

<hr>水平線

<hr size=9>水平線(設定大小)

<hr width=80%>水平線(設定寬度)

<hr color=ff0000>水平線(設定顏色)

<br>(換行)

<nobr>...</nobr>水域(不換行)

<p>...</p>水域(段落)

<center>...</center>置中

<!>連結格式

<base href=位址>(預設好連結路徑)

<a href=位址></a>外部連結

<a href=位址 target=_blank></a>外部連結(另開新視窗)

<a href=位址 target=_top></a>外部連結(全視窗連結)

<a href=位址 target=頁框名></a>外部連結(在指定頁框連結)

<!>貼圖/音樂

<img src=圖片位址>貼圖

<img src=圖片位址 width=180>設定圖片寬度

<img src=圖片位址 height=30>設定圖片高度

<img src=圖片位址 alt=提示文字>設定圖片提示文字

<img src=圖片位址 border=1>設定圖片邊框

<bgsound src=MID音樂檔位址>背景音樂設定

<!>表格語法

<table aling=left>...</table>表格位置,置左

<table aling=center>...</table>表格位置,置中

<table background=圖片路徑>...</table>背景圖片的URL=就是路徑網址

<table border=邊框大小>...</table>設定表格邊框大小(使用數字)

<table bgcolor=顏色碼>...</table>設定表格的背景顏色

<table borderclor=顏色碼>...</table>設定表格邊框的顏色

<table borderclordark=顏色碼>...</table>設定表格暗邊框的顏色

<table borderclorlight=顏色碼>...</table>設定表格亮邊框的顏色

<table cellpadding=參數>...</table>指定內容與格線之間的間距(使用數字)

<table cellspacing=參數>...</table>指定格線與格線之間的距離(使用數字)

<table cols=參數>...</table>指定表格的欄數

<table frame=參數>...</table>設定表格外框線的顯示方式

<table width=寬度>...</table>指定表格的寬度大小(使用數字)

<table height=高度>...</table>指定表格的高度大小(使用數字)

<td colspan=參數>...</td>指定儲存格合并欄的欄數(使用數字)

<td rowspan=參數>...</td>指定儲存格合并列的列數(使用數字)

<!>分割視窗

<frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調整

<frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調整

<frameset cols="20%,*">分割左右兩個框架

<frameset cols="20%,*,20%">分割左中右三個框架

<分割上下兩個框架

<frameset rows="20%,*,20%">分割上中下三個框架

<! - - ... - -> 注解

<a href target> 指定超連結的分割視窗

<a href=#錨的名稱> 指定錨名稱的超連結

<a href> 指定超連結

<a name=錨的名稱> 被連結點的名稱

<address>....</address> 用來顯示電子郵箱地址

<b> 粗體字

<base target> 指定超連結的分割視窗

<basefont size> 更改預設字形大小

<bgsound src> 加入背景音樂

<big> 顯示大字體

<blink> 閃爍的文字

<body text link vlink> 設定文字顏色

<body> 顯示本文

<br> 換行

<caption align> 設定表格標題位置

<caption>...</caption> 為表格加上標題

<center> 向中對齊

<cite>...<cite> 用於引經據典的文字

<code>...</code> 用於列出一段程式碼

<comment>...</comment> 加上注解

<dd> 設定定義列表的項目解說

<dfn>...</dfn> 顯示"定義"文字

<dir>...</dir> 列表文字標簽

<dl>...</dl> 設定定義列表的標簽

<dt> 設定定義列表的項目

<em> 強調之用

<font face> 任意指定所用的字形

<font size> 設定字體大小

<form action> 設定戶動式表單的處理方式

<form method> 設定戶動式表單之資料傳送方式

<frame marginheight> 設定視窗的上下邊界

<frame marginwidth> 設定視窗的左右邊界

<frame name> 為分割視窗命名

<frame noresize> 鎖住分割視窗的大小

<frame scrolling> 設定分割視窗的卷軸

<frame src> 將html檔加入視窗

<frameset cols> 將視窗分割成左右的子視窗

<frameset rows> 將視窗分割成上下的子視窗

<frameset>...</frameset> 劃分分割視窗

<h1>~<h6> 設定文字大小

<head> 標示文件資訊

<hr> 加上分格線

<html> 文件的開始與結束

<i> 斜體字

<img align> 調整圖形影像的位置

<img alt> 為你的圖形影像加注

<img dynsrc loop> 加入影片

<img height width> 插入圖片并預設圖形大小

<img hspace> 插入圖片并預設圖形的左右邊界

<img lowsrc> 預載圖片功能

<img src border> 設定圖片邊界

<img src> 插入圖片

<img vspace> 插入圖片并預設圖形的上下邊界

<input type name value> 在表單中加入輸入欄位

<isindex> 定義查詢用表單

<kbd>...</kbd> 表示使用者輸入文字

<li type>...</li> 列表的項目 ( 可指定符號 )

<marquee> 跑馬燈效果

<menu>...</menu> 條列文字標簽

<multiple> 可同時選擇多項的列表欄

<noframe> 定義不出現分割視窗的文字

<ol>...</ol> 有序號的列表

<option> 定義表單中列表欄的項目

<p align> 設定對齊方向

<p> 分段

<person>...</person> 顯示人名

<pre> 使用原有排列

<samp>...</samp> 用於引用字

<select>...</select> 在表單中定義列表欄

<small> 顯示小字體

<strike> 文字加橫線

<strong> 用於加強語氣

<sub> 下標字

<sup> 上標字

<table border=n> 調整表格的寬線高度

<table cellpadding> 調整資料欄位之邊界

<table cellspacing> 調整表格線的寬度

<table height> 調整表格的高度

<table width> 調整表格的寬度

<table>...</table> 產生表格的標簽

<td align> 調整表格欄位之左右對齊

<td bgcolor> 設定表格欄位之背景顏色

<td colspan rowspan> 表格欄位的合并

<td nowrap> 設定表格欄位不換行

<td valign> 調整表格欄位之上下對齊

<td width> 調整表格欄位寬度

<td>...</td> 定義表格的資料欄位

<textarea name rows cols> 表單中加入多少列的文字輸入欄

<textarea wrap> 決定文字輸入欄是自動否換行

<th>...</th> 定義表格的標頭欄位

<title> 文件標題

<tr>...</tr> 定義表格美一行

<tt> 打字機字體

<u> 文字加底線

<ul type>...</ul> 無序號的列表 ( 可指定符號 )

<var>...</var> 用於顯示變數

想繪圖插件5.2(MxDraw5.2)

夢想CAD是專業的CAD插件（控件）,經過10年研發，可輕松在網頁、手機及BS/CS程序中使用CAD和瀏覽編輯DWG文件,不需安裝AutoCAD即可運行。

控件核心代碼使用VC++ 2010開發，至今已有三十萬行代碼規模；2007年發布第一個Release版本，經過多年的版本更迭與技術沉淀，控件已經十分快速穩定。在關鍵的空間搜索上使用了復雜度極低的算法，并且使用匯編優化，可以處理50萬級的實體，圖形的顯示和處理效率比同類產品高出很多。

夢想繪圖3d插件6.0(MxDraw6.03d)

使用二位控件的顯示核心，基于 OpenCASCADE幾何造型引擎，創建錐、柱、環等基本幾何體，對幾何體進行布爾操作，如：相加、相減、相較、倒角、斜切、鏤空、偏移、掃視；幾何空間關系計算，如：法線、點積、叉積、投影、擬合；幾何體分析，如：質心、體積、曲率；空間變換，如：平移、縮放、旋轉。

夢想繪圖手機版插件6.0(MxDrawAndroid6.0/MxDrawIOS6.0/)

使用二維控件的顯示核心，并專對手機顯示CAD圖紙做了極速優化，是目前手機上顯示DWG文件非常快的控件。

夢想CAD軟件5.2(MxCAD5.0)

使用二維控件的顯示核心，完全自主的二維CAD繪圖軟件，程序簡潔、運行快速、功能齊全、穩定可靠；兼容所有版本的DWG文件，支持 ARX的二次開發接口。

安裝包下載

點擊此處下載

運行環境

支持以下的32/64平臺的系統：WindowsXP、Windows2000、WindowsVista、WindowsServer、Windows7、Windows8、Windows10。

支持以下的瀏覽器：IE所有版本、火狐、谷歌4.5及以前的版本、360瀏覽器(兼容模式)、QQ瀏覽器。

QQ瀏覽器使用了最新的谷歌瀏覽器內核，可使用QQ瀏覽器代替谷歌瀏覽器運行控件

支持語言

網頁使用，支持 IE所有版本。

控件支持如下的語言進行二次開發：VC、VB、CSharp、Delphi、HTML、ASP、JAVA、JavaScript、C++、 Builder、PHP、.Net、易語言、PowerBuild等。

編程接口

有一萬多個接口函數可供調用，提供Object Arx，AutoCAD VBA、COM開發接口，與AutoCAD二次開發類似的接口。

文件格式

控件支持自定義文件格式，擴展名為.mxg，mxg文件穩定可靠，能完整呈現DWG文件，支持圖紙預覽，加密；支持DWG、DXG、BMP、JPG、PNG、DWF、PDF、GIF、ICO DGN、SHP等。

支持SHX、TrueType字體。

控件與AutoCAD兼容，支持AutoCAD R14至AutoCAD 2017的所有DWG圖紙格式，并保證能支持將來新出現的AutoCAD文件格式。

網絡功能

在控件支持的瀏覽器(見運行環境 )中，控件可瀏覽服務器上的DWG文件，把DWG文件保存到服務器、在服務器后臺運行控件、把DWG轉成其他格式、提取信息等；支持FTP連接，二進制數據流加載。

在網頁中使用控件演示

主要功能

DWG批量轉到PDF、DWF，圖紙信息搜索提取，測距離，算面積，圖章，批注，捕捉，正交，實體閃爍，曲線離散，偏移，打斷，陣列,擴展數據讀寫，擴展記錄讀寫，構造選擇集，打印，動畫，自定義實體，組，右鍵菜單，超連接，Undo，Redo，字典，圖層，標注樣式，線型樣式，文字樣式，視口，布局，用戶坐標系，系統變量，圖紙比較，圖紙剪切，界面切換，動態提示,google百度地圖等。

打印功能

框選、全屏打印、后臺批量打印、多個圖紙嵌套打印、與網頁合并打印等。

顯示功能

鳥瞰、放大鏡、視區平移、縮放、視區旋轉、鷹眼、透明顯示、背景、水印、網格、回溯顯示、最佳顯示、顯示/隱藏工具條、瀏覽模式、分屏顯示、矢量線、矢量圓、動畫、動態標注、疊加對比顯示等。

圖元支持

主要實體有：直線，圓弧，Polyline，樣條線，圓，橢圓，橢圓弧，IMAGE，點，塊引用，外部塊參照，射線，云線，文本，多行文本，對齊標注，旋轉標注，半徑標注，直徑標注，角度標注，OLE對象，布局，視口，圖層，線型，文字樣式，命名字典，標注，自定義實體，代理實體，反應器等。主要編輯有：移動，夾點拉伸，偏移，刪除，復制，粘貼，旋轉，縮放，鏡向，離散，圖案填充，實心填充，打碎，計算曲線長，面積，最jin點，交點，導角，文字變線條等。

編輯支持

移動、夾點拉伸、偏移、刪除、復制、粘貼、旋轉、縮放、鏡向、離散、圖案填充、實心填充、打碎、計算曲線長、面積、最近點、交點、倒角、文字變線條等。

幾何運算

面積，夾角，向量，矩陣，旋轉，縮放，最進點，最進距離，垂足，參數，鏡向，平移，交點，打斷，延伸，最短路徑，最長路徑。

支持事件

鼠標事件，鍵盤事件，選擇修改，夾點編輯，打圖紙完成，命令開始，命令執行完成，視區變化，動態提示，動態繪制，超連接點擊，對象修改，命令執行，進度條變動，系統變量修改，控件初始化完成，等事件。

查發自凹非寺
量子位報道 | 公眾號 QbitAI

“其實我是做機器學習模型的。”

“什么模型？拿出來給大家看看啊！”

如果你是一個機器學習（ML）程序員，向爸媽、親友或者客戶介紹自己的職業時，可能會遇到這樣的尷尬。

現在有了斯坦福大學出品的Gradio，你真的可以把自己的ML模型“搬”出來了。

只需幾行代碼，你就可以創建一個簡單的網頁，即使完全不會代碼的爸媽，也能用拖拽操作體驗你的ML模型。

除此之外，Gradio還可以嵌入Jupyter和Colab筆記本、博客和網站，甚至能把截圖放在研究論文里作為展示。

CV、NLP模型輕松搞定

Gradio允許用戶通過拖拽本地圖像、粘貼文本、拍照等方式獲取輸入，網頁另一側瞬間出現輸出結果。

在電腦上手寫一個數字，實現MNIST識別：

用電腦攝像頭拍一張圖，檢測你現在的情緒：

你以為Gradio只能展示計算機視覺任務？No！NLP任務也OK：

最近，Gradio項目又上線了ML模型展示平臺GradioHub，供所有開發者上傳自己的模型。遺傳特征預測、CT圖像重建這類前沿研究任務都能這個聚合頁面看到。

使用方法

Gradio的安裝非常方便，一行pip代碼即可：

pip install gradio

Gradio使用現成代碼也很方便，只需加上幾行代碼就能在網頁展示。這是一個使用Inception V3進行圖像分類的例子：

import gradio
import tensorflow as tf
image_mdl = tf.keras.applications.inception_v3.InceptionV3()

io = gradio.Interface(inputs=”imageupload”, outputs=”label”, model_type=”keras”, model=image_mdl)
io.launch()

你也可以提供自己的模型，而不是上面的預訓練模型，或者使用Keras之外其他類型的模型。

更改Interface中的input和output參數可以創建不同的接口。目前Gradio支持的輸入格式有：手寫板、上傳圖像、攝像頭、文本，輸出結果為標簽或文字。

傳送門

Gradio網站：

https://gradio.app

在線咨詢

上一篇：CSS盒子（Box）模型入門
下一篇：html5小游戲源代碼程序設計html源碼網頁電子版資料素材

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

HTML常用代碼集合，背完這些基本可以自己做表白網頁了

您的項目需求