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擴展