HTML語言基本標簽
創建一個HTML文檔 <html></html>
設置文檔標題以及其他不在WEB網頁上顯示的信息 <head></head>
設置文檔的可見部分 <body></body>
標題標簽
將文檔的題目放在標題欄中 <title></title>
文檔整體屬性
設置背景顏色,使用名字或十六進制值 <body bgcolor=?>
設置文本文字顏色,使用名字或十六進制值 <body text=?>
設置鏈接顏色,使用名字或十六進制值 <body link=?>
設置已使用的鏈接的顏色,使用名字或十六進制值 <body vlink=?>
設置正在被擊中的鏈接的顏色,使用名字或十六進制值 <body alink=?>
文本標簽
創建預格式化文本 <pre></pre>
創建最大的標題 <h1></h1>
創建最小的標題 <h6></h6>
創建黑體字 <b></b>
創建斜體字 <i></i>
創建打字機風格的字體 <tt></tt>
創建一個引用,通常是斜體 <cite></cite>
加重一個單詞(通常是斜體加黑體) <em></em>
加重一個單詞(通常是斜體加黑體) <strong></strong>
設置字體大小,從1到7 <font size=?></font>
設置字體的顏色,使用名字或十六進制值 <font color=?></font>
鏈接
創建一個超鏈接 <a href="URL"></a>
創建一個自動發送電子郵件的鏈接 <a href="mailto:EMAIL">.... </a>
創建一個位於文檔內部的靶位 <a name="NAME"></a>
創建一個指向位於文檔內部靶位的鏈接 <a href="#NAME"></a>
格式排版
創建一個新的段落 <p>
將段落按左、中、右對齊 <p align=?>
插入一個回車換行符 <br>
從兩邊縮進文本 <blockquote> </blockquote>
創建一個定義列表 <dl></dl>
放在每個定義術語詞之前 <dt>
放在每個定義之前 <dd>
創建一個標有數字的列表 <ol></ol>
放在每個數字列表項之前,並加上一個數字 <li>
創建一個標有圓點的列表 <ul></ul>
放在每個圓點列表項之前,並加上一個圓點 <li>
一個用來排版大塊HTML段落的標簽,也用於格式化表 <div align=?>
圖形元素
添加一個圖像 <img src="name">
排列對齊一個圖像:左中右或上中下 <img src="name" align=?>
設置圍繞一個圖像的邊框的大小 <img src="name" border=?>
加入一條水平線 <hr>
設置水平線的大小(高度) <hr size=?>
設置水平線的寬度(百分比或絕對像素點) <hr width=?>
創建一個沒有陰影的水平線 <hr noshade>
表格
創建一個表格 <table></table>
開始表格中的每一行 <tr></tr>
開始一行中的每一個格子 <td></td>
設置表格頭:一個通常使用黑體居中文字的格子 <th></th>
表格屬性
設置圍繞表格的邊框的寬度 <table border=#>
設置表格格子之間空間的大小 <table cellspacing=#>
設置表格格子邊框與其內部內容之間空間的大小 <table cellpadding=#>
設置表格的寬度-用絕對像素值或文檔總寬度的百分比 <table width=# or %>
設置表格格子的水平對齊(左中右)<tr align=?> or <td align=?>
設置表格格子的垂直對齊(上中下)<tr valign=?> or <td valign=?>
設置一個表格格子應跨占的列數(缺省為1)<td colspan=#>
設置一個表格格子應跨占的行數(缺省為1)<td rowspan=#>
禁止表格格子內的內容自動斷行回卷 <td nowrap>
窗框
放在一個窗框文檔的<body>標簽之前,也可以嵌在其他窗框文檔中 <frameset></frameset>
定義一個窗框內的行數,可以使用絕對像素值或高度的百分比 <frameset rows="value,value">
定義一個窗框內的列數,可以使用絕對像素值或寬度的百分比 <frameset cols="value,value">
定義一個窗框內的單一窗或窗區域 <frame>
定義在不支持窗框的瀏覽器中顯示什麽提示 <noframes></noframes>
窗框屬性
規定窗框內顯示什麽HTML文檔 <frame src="URL">
命名窗框或區域以便別的窗框可以指向它 <frame name="name">
定義窗框左右邊緣的空白大小,必須大於等於1 <frame marginwidth=#>
定義窗框上下邊緣的空白大小,必須大於等於1 <frame marginheight=#>
設置窗框是否有滾動欄,其值可以是"yes","no","auto",缺省時一般為"auto" <frame
scrolling=VALUE>
禁止用戶調整一個窗框的大小 <frame noresize>
表單
對於功能性的表單,一般需要運行一個CGI小程序,HTML僅僅是產生表單的表面樣子。
創建所有表單 <form></form>
創建一個滾動菜單,size設置在需要滾動前可以看到的表單項數目 <select multiple
name="NAME" size=?></select>
設置每個表單項的內容 <option>
創建一個下拉菜單 <select name="NAME"></select>
設置每個菜單項的內容 <option>
創建一個文本框區域,列的數目設置寬度,行的數目設置高度 <textarea name="NAME"
cols=40 rows=8></textarea>
創建一個復選框,文字在標簽後面 <input type="checkbox" name="NAME">
創建一個單選框,文字在標簽後面 <input type="radio" name="NAME" value="x">
創建一個單行文本輸入區域,size設置以字符計的寬度 <input type=text name="foo"
size=20>
創建一個submit(提交)按鈕 <input type="submit" value="NAME">
創建一個使用圖象的submit(提交)按鈕 <input type="image" border=0 name="NAME"
src="name.gif">
創建一個reset(重置)按鈕 <input type="reset">
HTML標簽大全
<!> 跑馬燈
<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> 條列文字卷標
<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> 用於顯示變量
HTML語言基本標簽