1. 程式人生 > >HTML語言基本標簽

HTML語言基本標簽

閃爍 插入圖片 var code ref 屬性 郵箱 禁止用戶 音樂

創建一個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語言基本標簽