HTML常用標(biāo)簽大全及html標(biāo)簽的特點(diǎn)
發(fā)布時(shí)間：2015-11-19 15:51:23 作者：佚名 
我要評(píng)論
我要評(píng)論本篇文章給大家整理些關(guān)于html常用標(biāo)簽大全及html標(biāo)簽的特點(diǎn)，希望對(duì)大家學(xué)習(xí)html相關(guān)知識(shí)有所幫助，感興趣的朋友一起學(xué)習(xí)吧
首先要知道html標(biāo)簽的一些特點(diǎn)：
1.類似“<關(guān)鍵字>”這樣由尖括號(hào)包關(guān)鍵字組成，例如<html>,<div>……
2.一般是成對(duì)出現(xiàn)的，由開(kāi)始標(biāo)簽類似“<div>元素內(nèi)容</div>”，左邊標(biāo)簽一邊叫開(kāi)始標(biāo)簽，右邊</ >叫結(jié)束標(biāo)簽，有始有終，除了一些個(gè)別是單閉合標(biāo)簽的
先記一些個(gè)別例外的單閉合標(biāo)簽，例如：
| <meta /> | 設(shè)置頁(yè)面信息的 | <param /> | 可為包含它的<object>或<applet>提供參數(shù) | |
| <br /> | 換行 | <keygen /> | 定義生成密鑰 | |
| <hr /> | 水平線 | <source /> | 為媒介元素（如<video>或<audio>）定義媒介源 | |
| <area /> | 圖像映秀區(qū)域 | <col /> | 為表格中一個(gè)或多個(gè)列定義屬性值 | |
| <input /> | 表單元素，type不同輸入字段擁有不同形式 | <frame /> | 定義frameset中的一個(gè)特定的窗口（框架） | |
| <link /> | 鏈接樣式表 | <embed /> | 定義嵌入的內(nèi)容，比如插件 | |
| <basefont /> | 定義基準(zhǔn)字體，html5不支持<basefont>標(biāo)簽，不贊成使用 | ...... |
下面按不同效果將標(biāo)簽進(jìn)行分類：
1.字體效果
| <h1>…</h1> | 標(biāo)題1（最大）一級(jí)級(jí)往下字體變小，網(wǎng)頁(yè)一般從h1~h4，h4之后一般不會(huì)用了 | <s>…</s> | 刪除線 | |
| <h6>…</h6> | 標(biāo)題6（最?。?/td> | <del>…</del> | 刪除線（表示刪除） | |
| <b>…</b> | 粗體字 | <kbd>…</kbd> | 鍵盤(pán)文字 | |
| <strong>..</strong> | 粗體字（強(qiáng)調(diào)） | <tt>…</tt> | 打字體 | |
| <i>…</i> | 斜體字 | <xmp>…</xmp> | 固定寬度字體（在文件中空白、換行、定位功能有效） | |
| <em>…/em> | 斜體字（強(qiáng)調(diào)） | <plaintext>…</plaintext> | 固定寬度字體（不執(zhí)行標(biāo)記符號(hào)） | |
| <dfn>...</dfn> | 斜體字（表示定義） | <listing>…</listing> | 固定寬度小字體 | |
| <u>…</u> | 底線 | <font color=00ff00>…</font> | 字體顏色（寫(xiě)成類似color=“#00ff00”也可以） | |
| <ins>...</ins> | 底線（表示插入文字） | <font size=1>…</font> | 最小字體 | |
| <strike>…</strike> | 橫線 | <font style=font-size:100 px></font> | 無(wú)限增大(字體大小為100px) |
2.區(qū)斷標(biāo)記
| <hr /> | 水平線 | <nobr>…</nobr> | 禁止換行，No Break的縮寫(xiě) | |
| <hr size=9 /> | 水平線（設(shè)定大?。?/td> | <p>…</p> | 段落 | |
| <hr width=80% /> | 水平線（設(shè)定寬度） | <center>…</center> | 對(duì)其包圍的文本進(jìn)行居中設(shè)置 | |
| <hr color=00ff00 /> | 水平線（設(shè)定顏色） | |||
| <br /> | 換行 |
3.鏈接
| <base href=地址> | 為頁(yè)面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo) | <a href=地址 target=_top></a> | 指定超鏈接目標(biāo)的 URL(全窗口連接) | |
| <a href=地址></a> | 指定超鏈接目標(biāo)的 URL | <a href=地址 target=頁(yè)框名></a> | 指定超鏈接目標(biāo)的 URL（在指定頁(yè)框連接） | |
| <a href=地址 target=_blank></a> | 指定超鏈接目標(biāo)的 URL(另開(kāi)新窗口) |
4.圖像/音樂(lè)
| <img src=圖片地址 /> | 往網(wǎng)頁(yè)貼圖片 | <img src=圖片地址 border=1 /> | 設(shè)定貼的圖片邊框 | |
| <img src=圖片地址 width=180 /> | 設(shè)定貼的圖片寬度 | <bgsound src=MID音樂(lè)文件地址 /> | 背景音樂(lè)設(shè)定 | |
| <img src=圖片地址 height=30 /> | 設(shè)定貼的圖片高度 |
5.表格
| <table aling=left>…</table> | 表格位置，置左 | <table cellpadding=參數(shù)>…</table> | 指定網(wǎng)格線與網(wǎng)絡(luò)線之間的距離（使用數(shù)字） | |
| <table aling=center>…</table> | 表格的位置，置中 | <table cols=參數(shù)>…</table> | 指定表格的欄數(shù) | |
| <table background=圖片路徑>…</table> | 背景圖片的URL=就是路徑網(wǎng)址 | <table frame=參數(shù)>…</table> | 設(shè)定表格外邊框線的顯示方式 | |
| <table border=邊框大小>…</table> | 設(shè)定表格邊框大?。ㄊ褂脭?shù)字） | <table width=寬度>…</table> | 指定表格寬度大?。ㄊ褂脭?shù)字） | |
| <table bgcolor=顏色碼>…</table> | 設(shè)置表格的背景顏色 | <table height=高度>…</table> | 指定表格高度大?。ㄊ褂脭?shù)字） | |
| <table bordercolor=顏色碼>…</table> | 設(shè)定表格邊框的顏色 | <td colspan=參數(shù)>…</td> | 指定儲(chǔ)存格合并欄的欄數(shù)(使用數(shù)字) | |
| <table bordercolordark=顏色碼>…</table> | 設(shè)定表格暗邊框的顏色 | <td rowspan=參數(shù)>…</td> | 指定儲(chǔ)存格合并列的列數(shù)（使用數(shù)字） | |
| <table bordercolorlight=顏色碼>…</table> | 設(shè)定表格亮邊框的顏色 |
6.分割窗口
| <frameset col=”20%”,*> | 左右分割，將左邊框架分割大小為20%，右邊框架的大小瀏覽器會(huì)自動(dòng)調(diào)整 | <comment>…</comment> | 加上批注 | |
| <frameset rows=”20%,*”> | 上下分割，將上面框架分割大小為20%，下面框架的大小瀏覽器會(huì)自動(dòng)調(diào)整 | <dd>…</dd> | 設(shè)定定義列表的項(xiàng)目描述 | |
| <frameset cols=”20%,*”> | 分割左右兩個(gè)框架 | <dfn>…</dfn> | 顯示"定義"文字 | |
| <frameset cols=”20%,*,20%”> | 分割左中右三個(gè)框架 | <dir>…</dir> | 列表文字卷標(biāo) | |
| <frameset rows=”20%,*,20%”> | 分割上中下三個(gè)框架 | <dl>…</dl> | 設(shè)定定義列表的卷標(biāo) | |
| <!--…--> | 批注 | <dt>...</dt> | 定義列表中的項(xiàng)目 | |
| <a href target> | 指定超級(jí)鏈接的分割窗口 | <em>…</em> | 強(qiáng)調(diào)之用 | |
| <a href="#錨的名稱> | 指定錨名稱的超級(jí)鏈接 | <font face> | 任意指定所用的字形 | |
| <a href> | 指定超級(jí)鏈接 | <font size> | 設(shè)定字體大小 | |
| <a name=錨的名稱> | 被連結(jié)點(diǎn)的名稱 | <form action> | 設(shè)定 | |
| <address>…</address> | 用來(lái)顯示電子郵箱地址 | |||
| <b>…</b> | 粗體字 | |||
| <base target> | 指定超級(jí)鏈接的分割窗口 | |||
| <bgsound src> | 加入背景音樂(lè) | |||
| <big>…</big> | 呈現(xiàn)大號(hào)字體效果 | |||
| <blink> | 顯示閃爍的字符串或文字（IE不支持） | |||
| <body text link vlink> | 設(shè)定文字顏色 | |||
| <body>…</body> | 顯示本文 | |||
| <br /> | 換行 | |||
| <capition align> | 設(shè)定表格標(biāo)題位置 | |||
| <caption>…</caption> | 為表格加上標(biāo)題 | |||
| <center>…</center> | 對(duì)包圍的文本進(jìn)行居中處理，html5不支持此標(biāo)簽 | |||
| <cite>…<cite> | 用于引經(jīng)據(jù)典的文字 | |||
| <code>…</code> | 用于列出一段程序代碼 |
相關(guān)文章
HTML與XHTML、以及HTML4與HTML5標(biāo)簽之間的區(qū)別簡(jiǎn)介
這篇文章主要介紹了HTML與XHTML、以及HTML4與HTML5標(biāo)簽之間的區(qū)別,是網(wǎng)頁(yè)前端編程入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-11-07- HTML5引入的新標(biāo)簽有一些有趣的屬性，例如poster、autofocus、onerror、formaction、oninput，這些屬性都可以用來(lái)執(zhí)行javascript，這會(huì)導(dǎo)致XSS和CSRF跨域請(qǐng)求偽造。對(duì)這方2015-09-27
簡(jiǎn)單介紹HTML5中audio標(biāo)簽的使用
這篇文章主要介紹了HTML5中audio標(biāo)簽的使用,在各瀏覽器中添加音頻播放控件,需要的朋友可以參考下2015-09-24- 這篇文章主要介紹了詳解HTML5中ol標(biāo)簽的用法,是HTML5入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-09-08
詳解HTML的style標(biāo)簽以及相關(guān)的CSS引用
這篇文章主要介紹了詳解HTML的style標(biāo)簽以及相關(guān)的CSS引用,是HTML和CSS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-08-27- 這篇文章主要介紹了詳解HTML的input標(biāo)簽及其禁用方法,歸納了幾種CSS中使用disabled屬性實(shí)現(xiàn)禁用的方法,需要的朋友可以參考下2015-08-05
- 這篇文章主要介紹了HTML中Li標(biāo)簽的使用示例,主要用來(lái)讓文章標(biāo)題和日期等左右對(duì)齊,需要的朋友可以參考下2015-07-13
HTML5 video標(biāo)簽（播放器）學(xué)習(xí)筆記（二）:播放控制
這篇文章主要介紹了HTML5 video標(biāo)簽（播放器）學(xué)習(xí)筆記（二）:播放控制,本文講解了獲取影片總時(shí)長(zhǎng)、播放、暫停、獲取影片的播放時(shí)間和設(shè)置播放點(diǎn)、音量的獲取和設(shè)置等內(nèi)容,2015-04-24- 這篇文章主要介紹了HTML頁(yè)面中添加Canvas標(biāo)簽示例,本文直接給出示例代碼,并講解了一些重要屬性和js訪問(wèn)方法,需要的朋友可以參考下2015-01-01
常用HTML meta 標(biāo)簽屬性(網(wǎng)站兼容與優(yōu)化需要)
標(biāo)簽提供關(guān)于HTML文檔的元數(shù)據(jù)。元數(shù)據(jù)不會(huì)顯示在頁(yè)面上，但是對(duì)于機(jī)器是可讀的。它可用于瀏覽器（如何顯示內(nèi)容或重新加載頁(yè)面），搜索引擎（關(guān)鍵詞），或其他 web 服務(wù)2014-12-27