html常用標簽有哪些？

2012/7/21 16:01:52作者：佚名來源：網(wǎng)絡(luò)

移動端

前面我們了解了什么是HTML，接下來就要了解一下html常用標簽了，只有了解了常用的html標簽我們才能真正了解HTML的內(nèi)容，我們平時看到用到的HTML中有以下常用標簽，也可以說你必須清楚記住的這幾個標簽，這里我們按二種方式整理，一是按類型，一是按字母，這樣便于查詢，HTML常用標簽如下：

一、按類型分html常用標簽

1．跑馬燈
標簽功能
html <marquee>...</marquee> 普通卷動
html <marquee behavior=slide>...</marquee> 滑動
html <marquee behavior=scroll>...</marquee> 預(yù)設(shè)卷動
html <marquee behavior=alternate>...</marquee> 來回卷動
html <marquee direction=down>...</marquee> 向下卷動
html <marquee direction=up>...</marquee> 向上卷動
html <marquee direction=right></marquee> 向右卷動
html <marquee direction=left></marquee> 向左卷動
html <marquee loop=2>...</marquee> 卷動次數(shù)
html <marquee width=180>...</marquee> 設(shè)定寬度
html <marquee height=30>...</marquee> 設(shè)定高度
html <marquee bgcolor=FF0000>...</marquee> 設(shè)定背景顏色
html <marquee scrollamount=30>...</marquee> 設(shè)定卷動距離
html <marquee scrolldelay=300>...</marquee> 設(shè)定卷動時間

2. 字體效果
標簽功能
html <h1>...</h1> 標題字(最大)
html <h6>...</h6> 標題字(最小)
html <b>...</b> 粗體字
html <strong>...</strong> 粗體字(強調(diào))
html <i>...</i> 斜體字
html <em>...</em> 斜體字(強調(diào))
html <dfn>...</dfn> 斜體字(表示定義)
html <u>...</u> 底線
html <ins>...</ins> 底線(表示插入文字)
html <strike>...</strike> 橫線
html <s>...</s> 刪除線
html <del>...</del> 刪除線(表示刪除)
html <kbd>...</kbd> 鍵盤文字
html <tt>...</tt> 打字體
html <xmp>...</xmp> 固定寬度字體(在文件中空白、換行、定位功能有效)
html <plaintext>...</plaintext> 固定寬度字體(不執(zhí)行標記符號)
html <listing>...</listing> 固定寬度小字體
html <font color=00ff00>...</font> 字體顏色
html <font size=1>...</font> 最小字體
html <font style =font-size:100 px>...</font> 無限增大
3.區(qū)斷標記
標簽功能
html <hr> 水平線
html <hr size=9> 水平線(設(shè)定大小)
html <hr width=80%> 水平線(設(shè)定寬度)
html <hr color=ff0000> 水平線(設(shè)定顏色)
html <br> (換行)
html <nobr>...</nobr> 水域(不換行)
html <p>...</p> 水域(段落)
html <center>...</center> 置中
4.鏈接
標簽功能
html <base href=地址> (預(yù)設(shè)好連結(jié)路徑)
html <a href=地址></a> 外部連結(jié)
html <a href=地址 target=_blank></a> 外部連結(jié)(另開新窗口)
html <a href=地址 target=_top></a> 外部連結(jié)(全窗口連結(jié))
html <a href=地址 target=頁框名></a> 外部連結(jié)(在指定頁框連結(jié))
5.圖像/音樂
標簽功能
html <img src=圖片地址> 貼圖
html <img src=圖片地址 width=180> 設(shè)定圖片寬度
html <img src=圖片地址 height=30> 設(shè)定圖片高度
html <img src=圖片地址 alt=提示文字> 設(shè)定圖片提示文字
html <img src=圖片地址 border=1> 設(shè)定圖片邊框
html <bgsound src=MID音樂文件地址> 背景音樂設(shè)定
6.表格
標簽功能
html <table aling=left>...</table> 表格位置,置左
html <table aling=center>...</table> 表格位置,置中
html <table background=圖片路徑>...</table> 背景圖片的URL=就是路徑網(wǎng)址
html <table border=邊框大小>...</table> 設(shè)定表格邊框大小(使用數(shù)字)
html <table bgcolor=顏色碼>...</table> 設(shè)定表格的背景顏色
html <table borderclor=顏色碼>...</table> 設(shè)定表格邊框的顏色
html <table borderclordark=顏色碼>...</table> 設(shè)定表格暗邊框的顏色
html <table borderclorlight=顏色碼>...</table> 設(shè)定表格亮邊框的顏色
html <table cellpadding=參數(shù)>...</table> 指定內(nèi)容與網(wǎng)格線之間的間距(使用數(shù)字)
html <table cellspacing=參數(shù)>...</table> 指定網(wǎng)格線與網(wǎng)格線之間的距離(使用數(shù)字)
html <table cols=參數(shù)>...</table> 指定表格的欄數(shù)
html <table frame=參數(shù)>...</table> 設(shè)定表格外框線的顯示方式
html <table width=寬度>...</table> 指定表格的寬度大小(使用數(shù)字)
html <table height=高度>...</table> 指定表格的高度大小(使用數(shù)字)
html <td colspan=參數(shù)>...</td> 指定儲存格合并欄的欄數(shù)(使用數(shù)字)
html <td rowspan=參數(shù)>...</td> 指定儲存格合并列的列數(shù)(使用數(shù)字)
7.分割窗口
標簽功能
html <frameset cols="20%,*"> 左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調(diào)整
html <frameset rows="20%,*"> 上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調(diào)整
html <frameset cols="20%,*"> 分割左右兩個框架
html <frameset cols="20%,*,20%"> 分割左中右三個框架
html <frameset rows="20%,*,20%"> 分割上中下三個框架

二、按字母分html常用標簽
html <! - - ... - -> 批注
html <A HREF TARGET> 指定超級鏈接的分割窗口
html <A HREF=#錨的名稱> 指定錨名稱的超級鏈接
html <A HREF> 指定超級鏈接
html <A NAME=錨的名稱> 被連結(jié)點的名稱
html <ADDRESS>....</ADDRESS> 用來顯示電子郵箱地址
html <B> 粗體字
html <BASE TARGET> 指定超級鏈接的分割窗口
html <BASEFONT SIZE> 更改預(yù)設(shè)字形大小
html <BGSOUND SRC> 加入背景音樂
html <BIG> 顯示大字體
html <BLINK> 閃爍的文字
html <BODY TEXT LINK VLINK> 設(shè)定文字顏色
html <BODY> 顯示本文
html <BR> 換行
html <CAPTION ALIGN> 設(shè)定表格標題位置
html <CAPTION>...</CAPTION> 為表格加上標題
html <CENTER> 向中對齊
html <CITE>...html <CITE> 用于引經(jīng)據(jù)典的文字
html <CODE>...</CODE> 用于列出一段程序代碼
html <COMMENT>...</COMMENT> 加上批注
html <DD> 設(shè)定定義列表的項目解說
html <DFN>...</DFN> 顯示"定義"文字
html <DIR>...</DIR> 列表文字卷標
html <DL>...</DL> 設(shè)定定義列表的卷標
html <DT> 設(shè)定定義列表的項目
html <EM> 強調(diào)之用
html <FONT FACE> 任意指定所用的字形
html <FONT SIZE> 設(shè)定字體大小
html <FORM ACTION> 設(shè)定戶動式窗體的處理方式
html <FORM METHOD> 設(shè)定戶動式窗體之資料傳送方式
html <FRAME MARGINHEIGHT> 設(shè)定窗口的上下邊界
html <FRAME MARGINWIDTH> 設(shè)定窗口的左右邊界
html <FRAME NAME> 為分割窗口命名
html <FRAME NORESIZE> 鎖住分割窗口的大小
html <FRAME SCROLLING> 設(shè)定分割窗口的滾動條
html <FRAME SRC> 將HTML文件加入窗口
html <FRAMESET COLS> 將窗口分割成左右的子窗口
html <FRAMESET ROWS> 將窗口分割成上下的子窗口
html <FRAMESET>...</FRAMESET> 劃分分割窗口
html <H1>~html <H6> 設(shè)定文字大小
html <HEAD > 標示文件信息
html <HR> 加上分網(wǎng)格線
html <HTML> 文件的開始與結(jié)束
html <I> 斜體字
html <IMG ALIGN> 調(diào)整圖形影像的位置
html <IMG ALT> 為你的圖形影像加注
html <IMG DYNSRC LOOP> 加入影片
html <IMG HEIGHT WIDTH> 插入圖片并預(yù)設(shè)圖形大小
html <IMG HSPACE> 插入圖片并預(yù)設(shè)圖形的左右邊界
html <IMG LOWSRC> 預(yù)載圖片功能
html <IMG SRC BORDER> 設(shè)定圖片邊界
html <IMG SRC> 插入圖片
html <IMG VSPACE> 插入圖片并預(yù)設(shè)圖形的上下邊界
html <INPUT TYPE NAME value> 在窗體中加入輸入字段
html <ISINDEX> 定義查詢用窗體
html <KBD>...</KBD> 表示使用者輸入文字
html <LI TYPE>...</LI> 列表的項目 ( 可指定符號 )
html <MARQUEE> 跑馬燈效果
html <MENU>...</MENU> 條列文字卷標
html <META NAME="REFRESH" CONTENT URL> 自動更新文件內(nèi)容
html <MULTIPLE> 可同時選擇多項的列表欄
html <NOFRAME> 定義不出現(xiàn)分割窗口的文字
html <OL>...</OL> 有序號的列表
html <OPTION> 定義窗體中列表欄的項目
html <P ALIGN> 設(shè)定對齊方向
html <P> 分段
html <PERSON>...</PERSON> 顯示人名
html <PRE> 使用原有排列
html <SAMP>...</SAMP> 用于引用字
html <SELECT>...</SELECT> 在窗體中定義列表欄
html <SMALL> 顯示小字體
html <STRIKE> 文字加橫線
html <STRONG> 用于加強語氣
html <SUB> 下標字
html <SUP> 上標字
html <TABLE BORDER=n> 調(diào)整表格的寬線高度
html <TABLE CELLPADDING> 調(diào)整數(shù)據(jù)域位之邊界
html <TABLE CELLSPACING> 調(diào)整表格線的寬度
html <TABLE HEIGHT> 調(diào)整表格的高度
html <TABLE WIDTH> 調(diào)整表格的寬度
html <TABLE>...</TABLE> 產(chǎn)生表格的卷標
html <TD ALIGN> 調(diào)整表格字段之左右對齊
html <TD BGCOLOR> 設(shè)定表格字段之背景顏色
html <TD COLSPAN ROWSPAN> 表格字段的合并
html <TD NOWRAP> 設(shè)定表格字段不換行
html <TD VALIGN> 調(diào)整表格字段之上下對齊
html <TD WIDTH> 調(diào)整表格字段寬度
html <TD>...</TD> 定義表格的數(shù)據(jù)域位
html <TEXTAREA NAME ROWS COLS> 窗體中加入多少列的文字輸入欄
html <TEXTAREA WRAP> 決定文字輸入欄是自動否換行
html <TH>...</TH> 定義表格的標頭字段
html <TITLE> 文件標題
html <TR>...</TR> 定義表格美一行
html <TT> 打字機字體
html <U> 文字加底線
html <UL TYPE>...</UL> 無序號的列表 ( 可指定符號 )
html <VAR>...</VAR> 用于顯示變量