HTML標(biāo)記一覽表及用法說明

HTML標(biāo)記一覽表
標(biāo)記 | 類型 | 名稱或意義 | 作用 | 備注 |
文件標(biāo)記 | ||||
<HTML> | ● | 文件宣告 | 讓瀏覽器知道這是 HTML 文件 | |
<HEAD> | ● | 開頭 | 提供文件整體信息 | |
<TITLE> | ● | 標(biāo)題 | 定義文件標(biāo)題,將顯示于瀏覽器頂端 | |
<BODY> | ● | 主體 | 設(shè)計文件格式及內(nèi)容所在 | |
排版標(biāo)記 | ||||
<!--注解--> | ○ | 說明標(biāo)記 | 為文件加上說明,但不被顯示 | |
<P> | ○ | 段落標(biāo)記 | 為字、圖、表格等之間留下一空白行 | |
<BR> | ○ | 換行標(biāo)記 | 令字、圖、表格顯示于下一行 | |
<HR> | ○ | 水平線 | 插入一水平線 | |
<CENTER> | ● | 居中 | 令字、圖、表格等顯示于中間 | 反對 |
<PRE> | ● | 預(yù)設(shè)格式 | 令文件按原代碼的排列方式顯示 | |
<DIV> | ● | 定位標(biāo)記 | 設(shè)定字、圖、表格等的擺放位置 | |
<NOBR> | ● | 不換行 | 令文字不因太長而換行 | |
<WBR> | ● | 建議換行 | 預(yù)設(shè)換行部位 | |
字體標(biāo)記 | ||||
<STRONG> | ● | 加重語氣 | 產(chǎn)生字體加粗 Bold 的效果 | |
<B> | ● | 粗體標(biāo)記 | 產(chǎn)生字體加粗的效果 | |
<EM> | ● | 強調(diào)標(biāo)記 | 字體出現(xiàn)斜體效果 | |
<I> | ● | 斜體標(biāo)記 | 字體出現(xiàn)斜體效果 | |
<TT> | ● | 等寬字體 | Courier字體,字母寬度相同 | |
<U> | ● | 加下劃線 | 加下劃線 | 反對 |
<H1> | ● | 一級標(biāo)題標(biāo)記 | 將字體變大,級數(shù)越高越小 | |
<H2> | ● | 二級標(biāo)題標(biāo)記 | 將字體變大 | |
<H3> | ● | 三級標(biāo)題標(biāo)記 | 將字體變大 | |
<H4> | ● | 四級標(biāo)題標(biāo)記 | 將字體變大 | |
<H5> | ● | 五級標(biāo)題標(biāo)記 | 將字體變大 | |
<H6> | ● | 六級標(biāo)題標(biāo)記 | 將字體變大 | |
<FONT> | ● | 字體標(biāo)記 | 設(shè)定字體、大小、顏色 | 反對 |
<BASEFONT> | ○ | 基準(zhǔn)字體標(biāo)記 | 設(shè)定所有字體、大小、顏色 | 反對 |
<BIG> | ● | 字體加大 | 令字體稍微變大 | |
<SMALL> | ● | 字體縮小 | 令字體稍微縮小 | |
<STRIKE> | ● | 加刪除線 | 為文字加刪除線 | 反對 |
<CODE> | ● | 程式碼 | 字體稍微加寬如<TT> | |
<KBD> | ● | 鍵盤字 | 字體稍微加寬,單一空白 | |
<SAMP> | ● | 范例 | 字w稍榧如<TT> | |
<VAR> | ● | 變量 | 斜體效果 | |
<CITE> | ● | 斜體標(biāo)記 | 斜體效果 | |
<BLOCKQUOTE> | ● | 向右縮排 | 文字向右縮排 | |
<DFN> | ● | 述語定義 | 斜體效果 | |
<ADDRESS> | ● | 地址標(biāo)記 | 斜體效果 | |
<SUB> | ● | 下標(biāo)字 | 文字下標(biāo) | |
<SUP> | ● | 上標(biāo)字 | 文字上標(biāo) | |
清單標(biāo)記 | ||||
<OL> | ● | 順序清單 | 清單項目將以數(shù)字、字母順序排列 | |
<UL> | ● | 無序清單 | 清單項目將以實心圓點作為符號排列 | |
<LI> | ○ | 清單項目 | 清單中的項目,一個標(biāo)記一行 | |
<MENU> | ● | 選項清單 | 可用type參數(shù)指定項目符號。 | 反對 |
<DIR> | ● | 目錄清單 | 與<menu>相同 | 反對 |
<DL> | ● | 定義清單 | 清單分兩層出現(xiàn) | |
<DT> | ○ | 定義條目 | 清單項標(biāo)題 | |
<DD> | ○ | 定義內(nèi)容 | 清單項內(nèi)容 | |
表格標(biāo)記 | ||||
<TABLE> | ● | 表格標(biāo)記 | 設(shè)定該表格的各項參數(shù) | |
<CAPTION> | ● | 表格標(biāo)題 | 做成一打通列以填入表格標(biāo)題 | |
<TR> | ● | 表格列 | 設(shè)定該表格的列 | |
<TD> | ● | 表格欄 | 設(shè)定該表格的欄 | |
<TH> | ● | 表格標(biāo)頭 | 相等于<TD>,但其內(nèi)文字字體會變粗 | |
表單標(biāo)記 | ||||
<FORM> | ● | 表單標(biāo)記 | 決定該表單的運作模式 | |
<TEXTAREA> | ● | 文字框 | 提供文字輸入欄 | |
<INPUT> | ○ | 輸入標(biāo)記 | 決定輸入形式 | |
<SELECT> | ● | 選擇標(biāo)記 | 建立彈出卷動清單 | |
<OPTION> | ○ | 選項 | 每一個清單選項 | |
圖形標(biāo)記 | ||||
<IMG> | ○ | 圖形標(biāo)記 | 用來插入圖形及設(shè)定圖形屬性 | |
鏈接標(biāo)記 | ||||
<A> | ● | 鏈接標(biāo)記 | 加入鏈接 | |
<BASE> | ○ | 基準(zhǔn)標(biāo)記 | 可將相對 URL 轉(zhuǎn)絕對及指定鏈接 | |
框架標(biāo)記 | ||||
<FRAMESET> | ● | 框架設(shè)定 | 設(shè)定框架 | |
<FRAME> | ○ | 窗口設(shè)定 | 設(shè)定框架中的窗口 | |
<IFRAME> | ○ | 頁內(nèi)框架 | 于網(wǎng)頁中插入框架 | IE |
<NOFRAMES> | ● | 不支持框架 | 設(shè)定瀏覽器不支持框架時的提示 | |
影像地圖 | ||||
<MAP> | ● | 影像地圖名稱 | 設(shè)定影像地圖名稱 | |
<AREA> | ○ | 鏈接區(qū)域 | 設(shè)定各鏈接區(qū)域 | |
多媒體 | ||||
<BGSOUND> | ○ | 背景聲音 | 令背景播放音樂或聲音 | IE |
<EMBED> | ○ | 多媒體 | 加入聲音、音樂或影像 | |
其他標(biāo)記 | ||||
<MARQUEE> | ● | 走馬燈 | 令文字走動 | IE |
<BLINK> | ● | 閃爍文字 | 令文字閃爍 | NC |
<ISINDEX> | ○ | 頁內(nèi)尋找器 | 可輸入關(guān)鍵字尋找該頁 | 反對 |
<META> | ○ | 開頭說明 | 提供關(guān)于此頁的信息給瀏覽器 | |
<LINK> | ○ | 關(guān)系定義 | 定義該文件與其他 URL 的關(guān)系 | |
StyleSheet | ||||
<STYLE> | ● | 式樣表 | 控制網(wǎng)頁版面 | |
<span> | ● | 自訂標(biāo)記 | 獨立使用或與樣式表一起用 |
備 注:
1、● 表示該標(biāo)記屬于圍堵標(biāo)記,即需要結(jié)束標(biāo)記</標(biāo)記>。
2、○ 表示該標(biāo)記屬空標(biāo)記,即不需要結(jié)束標(biāo)記。
3、IE 表示該標(biāo)記只適應(yīng)于 Internet Explorer。
4、NC 表示該標(biāo)記只適用于 Netscape Communicator。
5、反對 表示該標(biāo)記不為 W3C 所贊同,通常這標(biāo)記是微軟或網(wǎng)景自訂,且已被大家支持,只是 HTML 標(biāo)準(zhǔn)中有其它功能相同或更好的選擇。
6、棄用 表示該標(biāo)記已被 W3C 所拋棄,是過時的標(biāo)記,但 HTML 有向下兼容性,所以瀏覽器仍然支持。
7、新 表示該標(biāo)記是 HTML 4.0 中新增的。
如果感覺不是很詳細(xì)可以參考下下面的文章 HTML元素(標(biāo)簽)大全及使用介紹 都可以參考下
——本文早期轉(zhuǎn)自網(wǎng)絡(luò),無法溯源,未標(biāo)明出處,特別說明。
相關(guān)文章
- HTML表格用于在網(wǎng)頁上展示數(shù)據(jù),通過標(biāo)簽及其相關(guān)標(biāo)簽來創(chuàng)建,表格由行和列組成,每一行包含一個或多個單元格,單元格可以包含文本、圖像、鏈接等元素,本文將詳細(xì)介紹HTML表格2025-03-12
- 本文介紹了三種禁止HTML頁面滾動的方法:通過CSS的overflow屬性、使用JavaScript的滾動事件監(jiān)聽器以及使用CSS的position:fixed屬性,每種方法都有其適用場景和優(yōu)缺點,感興2025-02-24
- 在 Web 開發(fā)中,文本的視覺效果是提升用戶體驗的重要因素之一,通過 CSS 技巧,我們可以創(chuàng)造出許多獨特的效果,例如文字鏤空效果,本文將帶你一步一步實現(xiàn)一個簡單的文字鏤空2024-11-17
Html去除a標(biāo)簽的默認(rèn)樣式的操作代碼
在Html中,a標(biāo)簽?zāi)J(rèn)的超鏈接樣式是藍(lán)色字體配下劃線,這可能不滿足所有設(shè)計需求,如需去除這些默認(rèn)樣式,可以通過CSS來實現(xiàn),本文給大家介紹Html去除a標(biāo)簽的默認(rèn)樣式的操作代碼2024-09-25- 在HTML中,可以通過設(shè)置CSS的resize屬性為none,來禁止用戶手動拖動文本域(textarea)的大小,這種方法簡單有效,適用于大多數(shù)現(xiàn)代瀏覽器,但需要在老舊瀏覽器中進行測試以確保2024-09-25
- 本文詳細(xì)介紹了如何利用HTML和CSS實現(xiàn)多種風(fēng)格的進度條,包括基礎(chǔ)的水平進度條、環(huán)形進度條以及球形進度條等,還探討了如何通過動畫增強視覺效果,內(nèi)容涵蓋了使用HTML原生標(biāo)簽2024-09-19
- Canvas 提供了一套強大的 2D 繪圖 API,適用于各種圖形繪制、圖像處理和動畫制作,可以幫助你創(chuàng)建復(fù)雜且高效的網(wǎng)頁圖形應(yīng)用,這篇文章主要介紹了HTML中Canvas關(guān)鍵知識點總結(jié)2024-06-03
html table+css實現(xiàn)可編輯表格的示例代碼
本文主要介紹了html table+css實現(xiàn)可編輯表格的示例代碼,主要使用HTML5的contenteditable屬性,文中通過示例代碼介紹的非常詳細(xì),需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)2024-03-06- 本文主要介紹了HTML中使用Flex布局實現(xiàn)雙行夾批效果,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)2024-02-22
- 在網(wǎng)站開發(fā)中,登錄頁面是必不可少的一部分,本文就來介紹一下HTML+CSS實現(xiàn)登錄切換,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需2024-02-02