【HTML_標籤大全】

 

HTML標籤大全
標籤 描述 標籤類型 備註
<!--...--> 定義註釋 / 單標籤
<!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卻不產生邊距效果。

    行內塊元素:

  *和行內元素類似,它也是根據內容改變寬度

     可是他能夠改變寬度。

相關文章
相關標籤/搜索