標籤 | 描述 | 標籤類型 | 備註 |
<!--...--> | 定義註釋 | / | 單標籤 |
<!DOCTYPE> | 定義文檔類型 | / | 單標籤 |
<head></head> | 文檔標題以及其餘不在WEB網頁上顯示的信息 | 塊級元素 | 雙標籤 |
<body></body> | 定義文檔內容主體 | 塊級元素 | 雙標籤 |
<title></title> | 定義文檔的標題 | / | 雙標籤 |
<header></header> | 定義內容的頁眉 | 塊級元素 | 雙標籤 H5 |
<footer></footer> | 定義內容的頁腳 | 塊級元素 | 雙標籤 H5 |
<nav></nav> | 定義內容的導航 | 塊級元素 | 雙標籤 H5 |
<style></style> | 定義文檔的樣式信息 | / | 雙標籤 |
<link> | 定義文檔與外部資源的關係 | / | 單標籤 |
<meta> | 定義 HTML 文檔的元信息 | / | 單標籤 |
<h1></h1> | 標題字大小(h1~h6) | 塊級元素 | 雙標籤 |
<b></b> | 粗體字 | 行內元素 | 雙標籤 |
<strong></strong> | 粗體字(強調) | 行內元素 | 雙標籤 |
<i></i> | 斜體字 | 行內元素 | 雙標籤 |
<em></em> | 斜體字(強調) | 行內元素 | 雙標籤 |
<center></center> | 居中文本 | 塊級元素 | 雙標籤 |
<ol></ol> | 有序列表 | 塊級元素 | 雙標籤 |
<ul></ul> | 無序列表 | 塊級元素 | 雙標籤 |
<li></li> | 列表項目 | 塊級元素 | 雙標籤 |
<a href=」…」></a> | 超連接 | 行內元素 | 雙標籤 |
<font></font> | 定義文本字體尺寸、顏色、大小 | 行內元素 | 雙標籤 |
<sub></sub> | 下標 | 行內元素 | 雙標籤 |
<sup> </sup> | 上標 | 行內元素 | 雙標籤 |
<br /> | 換行 | 行內元素 | 單標籤 |
<p></p> | 段落 | 塊級元素 | 雙標籤 |
<pre></pre> | 預先格式化文本 | 塊級元素 | 雙標籤 |
<map></map> | 定義圖像映射。 | 行內塊元素 | 雙標籤 |
<table></table> | 定義表格 | 塊級元素 | 雙標籤 |
<th></th> | 定義表格中的表頭單元格 | / | 雙標籤 |
<tr></tr> | 定義表格中的行 | / | 雙標籤 |
<td></td> | 定義表格中的列 | / | 雙標籤 |
<form></form> | 定義供用戶輸入的 HTML 表單 | 塊級元素 | 雙標籤 |
<frame> | 定義框架集的窗口或框架。 | / | 單標籤 |
<img src=’」…」 /> | 定義圖像 | 行內塊元素 | 單標籤 |
<hr /> | 水平線 | 塊級元素 | 單標籤 |
<aside></aside> | 標籤訂義其所處內容以外的內容。 | 塊級元素 | 雙標籤 H5 |
<button></button> | 定義按鈕 | 行內塊元素 | 雙標籤 |
<input /> | 定義輸入控件。 | 行內塊元素 | 單標籤 |
<script></script> | 定義客戶端腳本。 | 行內塊元素 | 雙標籤 |
<del></del> | 定義被刪除文本。 | 行內快元素 | 雙標籤 |
<rt></rt> | 定義 ruby 註釋的解釋。 | 行內元素 | 雙標籤 H5 |
<ruby><ruby> | 定義 ruby 註釋。 | 行內元素 | 雙標籤 H5 |
<textarea> </textarea> | 定義多行的文本輸入控件。 | 行內元素 | 雙標籤 |
<video></video> | 定義視頻,好比電影片斷或其餘視頻流。 | / | 雙標籤 H5 |
<canvas></canvas> | 定義圖形,好比圖表和其餘圖像。 | 雙標籤 H5 | |
<fieldset></fieldset> | 可將表單內的相關元素分組。 | 塊級元素 | 雙標籤 |
塊級、行內塊、行內的區別web |
塊級元素:*獨佔一行,寬度自動填滿;canvas *能夠設置width、height屬性;ruby *設置了寬度也是獨佔一行,框架 *能夠設置margin、padding屬性;ide |
行內元素:*不會獨佔一行,相鄰的行內元素在一行裏,字體 直到行排不下就自動換行spa *其寬度隨內容而變化;orm *width、height屬性則無效;視頻 *行內元素的margin、padding屬性很奇怪,ip 水平方向的left、rigtht都會產生邊距效果, 可是豎直方向的top、bottom卻不產生邊距效果。 |
行內塊元素:*和行內元素類似,它也是根據內容改變寬度 可是他能夠改變寬度。 |