HTML常用標籤大全
07-10
1.跑馬燈
標籤 |
功能 |
| <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> | 設定捲動時間 |
2.字體效果
標籤 |
功能 |
| <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> | 無限增大 |
3.區斷標記
標籤 |
功能 |
| <hr> | 水平線 |
| <hr size=9> | 水平線(設定大小) |
| <hr width_=80%> | 水平線(設定寬度) |
| <hr color=ff0000> | 水平線(設定顏色) |
| <br> | (換行) |
| <nobr>...</nobr> | 水域(不換行) |
| <p>...</p> | 水域(段落) |
| <center>...</center> | 置中 |
4.鏈接
標籤 |
功能 |
| <base href=地址> | (預設好連結路徑) |
| <a href=地址></a> | 外部連結 |
| <a href=地址 target=_blank></a> | 外部連結(另開新窗口) |
| <a href=地址 target=_top></a> | 外部連結(全窗口連結) |
| <a href=地址 target=頁框名></a> | 外部連結(在指定頁框連結) |
5.圖像/音樂
標籤 |
功能 |
| <img src=圖片地址> | 貼圖 |
| <img src=圖片地址 width_=180> | 設定圖片寬度 |
| <img src=圖片地址 height=30> | 設定圖片高度 |
| <img src=圖片地址 alt=提示文字> | 設定圖片提示文字 |
| <img src=圖片地址 border=1> | 設定圖片邊框 |
| <bgsound src=MID音樂文件地址> | 背景音樂設定 |
6.表格
標籤 |
功能 |
| <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> | 指定儲存格合併列的列數(使用數字) |
7.分割窗口
標籤 |
功能 |
|
| <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> | 條列文字卷標 | |
| <META NAME="REFRESH" CONTENT URL> | 自動更新文件內容 | |
| <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> | 用於顯示變數 | |
註:本文出自百度文庫
推薦閱讀:
※零基礎入門開發行業 - 0.0.2
※EM單位的好處是什麼?
※程序員討厭面試被問一些基礎問題么?
※可以檢查html代碼的chrome擴展
