html教學

HTML5常用的標籤總結

巴扎黑

Jun 16, 2017 pm 05:15 PM

h5html5總結標籤用的

1、標籤:
作用:宣告是文件中的第一個成分，位於標籤之前。

2、標籤:
作用:此元素可告知瀏覽器其本身是HTML文件。
屬性:manifest:值(url)為離線使用定義快取資訊。

3、標籤:

作用:標籤用來定義文件的頭部，它是所有頭部元素的容器。
屬性:profile:值(URL)一個有空格分隔的URL列表，這些URL包含著有關頁面的元資料資訊。

4、標籤:

作用:元素可定義文件的標題。 屬性:dir:值(rtl,ltr)規定元素中內容的文字方向。 lang:值(language_code)規定元素中內容的語言代碼。 xml:lang:值(language_code)規定XHTML文件中元素內容的語言代碼。 5、標籤:
作用:元素定義文檔的主體。
屬性:alink:值(rgb(x,x,x),#xxxxxx,colorname)不贊成使用，請使用樣式取代它。規定文件中活動連結(active link)的顏色。
background:值(URL)不贊成使用。請使用樣式取代它。規定文檔的背景圖像。
bgcolor:值(reb(x,x,x),#xxxxxx,colorname)不贊成使用。請使用樣式取代它。規定文件中的背景顏色。
link:值(reb(x,x,x),#xxxxxx,colorname)不贊成使用。請使用樣式取代它。規定文件中未存取連結的預設顏色。
text:值(reb(x,x,x),#xxxxxx,colorname)不贊成使用。請使用樣式取代它。規定文檔中所以文字的顏色。
vlink:值(reb(x,x,x),#xxxxxx,colorname)不贊成使用。請使用樣式取代它。規定文件中已被存取連結的顏色。

6、標籤:

到

標籤
作用:

-

標籤了定義標題。

定義最大的標題，

定義最小的標題。
屬性:align:值(left,center,right,justify)不建議使用。請使用樣式取代它。規定標題中文字的排列。

7、標籤:

作用:標籤定義段落。
屬性:align:值(left,center,right,justify)不建議使用。請使用樣式取代它。規定標題中文字的排列方式。

8、標籤:

作用:可插入一個簡單的換行符號。
屬性:沒有可選屬性。

9、標籤:

作用:標籤在HTML頁面建立一條水平線。
屬性:align:值(center,left,right)不贊成使用。請使用樣式取代它。規定hr元素的對齊方式。
noshade:值(noshade)不贊成使用。請使用樣式取代它。規定hr元素的顏色呈現為純色。
size:值(pixels)不贊成使用。請使用樣式取代它。規定hr元素的高度(厚度)。
width:值(pixels %)不贊成使用。請使用樣式取代它。規定hr元素的寬度。

10、標籤
作用:註解標籤用於在來源文件中插入註解。
屬性:沒有可選屬性。

11、標籤:

12、標籤:

13、標籤:

作用:標籤定義清單項目。

標籤可使用在有序列表（

）和無序列表（

14、標籤:

(定義清單中的項目)和

(描述清單中的項目)。
屬性:沒有可選屬性。

15、標籤:

作用:標籤定義了定義清單中的項目。 屬性:沒有可選屬性。 16、標籤:

作用:在定義清單中定義條目的定義部分。
屬性:沒有可選屬性。

17、標籤:
作用:標籤定義超鏈接，用於從一張頁面鏈接到另一張頁面。元素最重要的屬性是href屬性，它指示連結的目標。
屬性:charset:值(char_encoding)HTML5中不支援。規定被連結文件的字元集。
coords:值(coordinates)HTML5中不支援。規定鏈接的座標。
download:值(filename)規定被下載的超連結目標。
href:值(URL)規定連結指向的頁面的URL。
hreflang:值(language_code)規定被連結文檔的語言。
media:值(media_query)規定被連結文件是為何種媒介/裝置最佳化的。
name:值(section_name)HTML5中不支援。規定錨的名稱。
rel:值(text)規定目前文件與被連結文件之間的關係。
rev:值(text)HTML5中不支援。規定連結文件與目前文件之間的關係。
shape:值(default,rect,circle,poly)HTML5中不支援。規定鏈接的形狀。
target:值(_blank,_parent,_self,_top,framename)規定在何處開啟連結文件。
type:值(MIME type)規定被連結文件的的MIME類型。

18、標籤:

19、標籤:

作用:標籤定義HTML表格。
屬性:align:值(left,center,right)不贊成使用。請使用樣式代替。規定表格相對周圍元素的對齊方式。
bgcolor:值(rgb(x,x,x),#xxxxxx,colorname)不贊成使用。請使用樣式代替。規定表格的背景顏色。
border:值(pixels)規定表格邊框的寬度。
cellpadding:值(pixels %)規定單元邊緣與其內容之間的空白。
cellspacing:值(pixels %)規定儲存格之間的空白。
frame:值(void,above,below,hsides,lhs,rhs,vsides,box,border)規定外側邊框的哪個部分是可見的。
rules:值(none,groups,rows,cols,all)規定內側邊框的哪個部分是可見的。
summar:值(text)規定表格的摘要。
width:值(% pixels)規定表格的寬度。

20、標籤:

作用:標籤定義表格的標題。標籤必須直接放置到標籤之後。
屬性:align:值(left,right,top,bottom)不贊成使用。請使用樣式取而代之。規定標題的對齊方式。

21、標籤:

行
作用:標籤定義HTML表格中的行。
屬性:align:值(right,left,center,justify,char)定義表格行的內容對齊方式。
bgcolor:值(rgb(x,x,x)#xxxxxx,colorname)不贊成使用。請使用樣式取而代之。規定表格行的背景顏色。
char:值(character)規定根據哪個字元來進行文字對齊。
charoff:值(number)規定第一個對齊字元的偏移量。
valign:值(top,middle,bottom,baseline)規定表格行內容。

23、標籤:

列
作用:定義表格內的表頭儲存格。

元素內部的文字會呈現為居中的粗體文字。
屬性:abbr:值(text)規定儲存格中內容的縮寫版本。
align:值(left,right,center,justify,char)規定儲存格內容的水平對齊方式。
axis:值(category_name)對儲存格進行分類。
bgcolor:值(rgb(x,x,x),#xxxxxx,colorname)不建議使用。請使用樣式代替它。規定表格單元格的背景顏色。
char:值(character)規定根據哪個字元來進行內容的對齊。
charoff:值(number)規定對齊字元的偏移量。
colspan:值(number)設定單元格可橫跨的列數。
headers:值(idrefs)有空格分隔的表頭單元格ID列表，為資料單元格提供表頭資訊。
height:值(pixels %)不建議使用。請使用樣式代替它。規定表格單元格的高度。
nowrap:值(nowrap)不建議使用。請使用樣式替代它。規定儲存格中的內容是否折行。
rowspan:值(number)規定儲存格可橫跨的行數。
scope:值(col,colgroup,row,rowgroup)定義將表頭資料與單元資料相關聯的方法。
valign:值(top,middle,bottom,baseline)規定單元格內容的垂直排列方式。
width:值(pixels %)不建議使用。請使用樣式取而代之。規定表格單元格的寬度。

22、標籤:

普通欄位
作用:標籤定義了定義清單中的項目。 td元素內的文字通常是左對齊。
屬性:abbr:值(text)規定儲存格中內容的縮寫版本。
align:值(left,right,center,justify,char)規定儲存格內容的水平對齊方式。
axis:值(category_name)對單元進行分類。
bgcolor:值(rgb(x,x,x),#xxxxxx,colorname)不贊成使用。請使用樣式取而代之。規定單元格的背景顏色。
char:值(character)規定根據哪個字元來進行內容的對齊。
charoff:值(number)規定對齊字元的偏移量。
colspan:值(number)規定儲存格可橫跨的列數。
headers:值(header_cells'_id)規定與儲存格相關的表頭。
height:值(pixels %)不贊成使用。請使用樣式取而代之。規定表格單元格的高度。
nowrap:值(nowrap)不贊成使用。請使用樣式取而代之。規定儲存格中的內容是否折行。
rowspan:值(number)規定儲存格可橫跨的行數。
scope:值(col,colgroup,row,rowgroup)定義將表頭資料與單元資料相關聯的方法。
valign:值(top，middle，bottom，baseline)規定單元格內容的垂直排列方式。
width:值(pixels %)不贊成使用。請使用樣式取而代之。規定表格單元格的寬度。

24、標籤: HTML5常用的標籤總結
作用:img元素向網頁中嵌入一幅圖片。
屬性:必要的屬性:src屬性:值(URL)規定顯示圖像的URL和alt屬性:值(text)規定圖像的代替文字。
可選屬性:align:值(top,bottom,middle,left,right)不建議使用。規定如何根據周圍的文字來排列圖像。
border:值(pixels)不建議使用。定義影像周圍的邊框。
height:值(pixels %)定義影像的高度。
hspace:值(pixels)不建議使用，定義影像左側和右側的空白。
ismap:值(URL)將映像定義為伺服器端影像映射。
longdesc:值(URL)指向包含長的圖片描述文件的URL。
usemap:值(URL)將映像定義為客戶器端映像映射。
vspace:值(pixels)不建議使用。定義影像頂部和底部的空白。
width:值(pixels %)設定影像的寬度。

25、標籤:

26、標籤

27、標籤
作用:標籤為媒介元素，定義媒介資源。
屬性:media:值(media query)規定媒體資源的型別。
src:值(url)規定媒體檔案的URL。
type:值(numeric value)規定媒體資源的MIME型別。

28、標籤:

作用:標籤用於為使用者輸入建立HTML表單。
屬性:accept:值(MIME_type)HTML5中不支援。
accept-charset:值(charset_list)規定伺服器可處理的表單資料字元集。
action:值(URL)規定提交表單時要向何處傳送表單資料。
autocomplete:值(on,off)規定是否啟用表單的自動完成功能。
method:值(get,post)規定用來傳送form-data 的http方法。
name:值(form_name)規定表單的名稱。
target:值(_blank,_self,_parent,_top,foamename)規定在何處開啟 action URL。

29、標籤:
作用:標籤用來收集使用者資訊。
屬性:accept:值(mime_type)規定透過檔案上傳來提交的檔案的類型。
align:值(left,right,top,middle,bottom)不贊成使用。規定影像輸入的對齊方式。
alt:值(text)定義影像輸入的替代文字。
autocomplete:值(on,off)規定是否使用輸入欄位的自動完成功能。
autofocus:值(autofocus)規定輸入欄位在頁面載入時是否獲得焦點。
checked:值(checked)規定此input元素首次載入時應被選取。
disabled:值(disabled)當input元素載入時停用此元素。
form:值(formname)規定輸入欄位所屬的一個或多個表單。
formaction:值(url)覆寫表單的action屬性。
height:值(pixels %)定義input欄位的高度。
list:值(datalist-id)引用包含輸入欄位的預先定義選項的datalist。
max:值(number,date)規定輸入欄位的最大值。
maxlength:值(number)規定輸入欄位中的字元的最大長度。
min:值(number,date)規定輸入欄位的最小值。
name:值(field_name)定義input元素的名稱。
readonly:值(readonly)規定輸入欄位為唯讀。
size:值(number_of_char)定義輸入欄位的寬度。
type:值(button,checkbox,file,hidden,image,password,radio,reset,submit,text)規定input元素的型別。
value:值(value)規定input元素的值。
width:值(pixels,%)定義input欄位的寬度。

30、標籤: 作用:標籤定義多行的文字輸入控制項。 屬性:autofocus:值(autofocus)規定在頁面載入後文字區域自動取得焦點。 cols:值(number)規定文字區內的可見寬度。 disabled:值(disabled)規定停用該文字區。 form:值(form_id)規定文字區域所屬的一個或多個表單。 maxlength:值(number)規定文字區域的最大字元數。 name:值(name_of_textarea)規定文字區的名稱。 placeholder:值(text)規定描述文字區域預期值的簡短提示。 readonly:值(readonly)規定文字區為唯讀。 rows:值(number)規定文字區域的可見行數。

31、標籤:

32、標籤:

33、標籤:
作用:標籤定義選項組。
屬性:label:值(text)為選項組規定描述。
disabled:值(disabled)規定停用該選項組。

34、標籤:時所使用的標註。
selected:值(selected)規定選項表現為選取狀態。
value:值(text)定義送到伺服器的選項值。

35、標籤:表單域
{
　　單行文字域：
　　密碼文字域：
　　單選按鈕：
　　多選按鈕：
　　隱藏域：
　　提交按鈕：
　　重置按鈕：
　　自重　自定義按鈕：
　　檔案上傳：
　　多行文字域：
　下拉清單清單域：
}

#註：可能不是很齊全，但基本上都是一些常用的。

以上是HTML5常用的標籤總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

html5的div一行可以放两个吗Apr 25, 2022 pm 05:32 PM

html5的div元素默认一行不可以放两个。div是一个块级元素，一个元素会独占一行，两个div默认无法在同一行显示；但可以通过给div元素添加“display：inline;”样式，将其转为行内元素，就可以实现多个div在同一行显示了。

html5中列表和表格的区别是什么Apr 28, 2022 pm 01:58 PM

html5中列表和表格的区别：1、表格主要是用于显示数据的，而列表主要是用于给数据进行布局；2、表格是使用table标签配合tr、td、th等标签进行定义的，列表是利用li标签配合ol、ul等标签进行定义的。

html5怎么让头和尾固定不动Apr 25, 2022 pm 02:30 PM

固定方法：1、使用header标签定义文档头部内容，并添加“position:fixed;top:0;”样式让其固定不动；2、使用footer标签定义尾部内容，并添加“position: fixed;bottom: 0;”样式让其固定不动。

html5中不支持的标签有哪些Mar 17, 2022 pm 05:43 PM

html5中不支持的标签有：1、acronym，用于定义首字母缩写，可用abbr替代；2、basefont，可利用css样式替代；3、applet，可用object替代；4、dir，定义目录列表，可用ul替代；5、big，定义大号文本等等。

HTML5中画布标签是什么May 18, 2022 pm 04:55 PM

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制，它只是一个矩形的图形容器，绘制图形必须通过脚本（通常是JavaScript）来完成；开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html5废弃了哪个列表标签Jun 01, 2022 pm 06:32 PM

html5废弃了dir列表标签。dir标签被用来定义目录列表，一般和li标签配合使用，在dir标签对中通过li标签来设置列表项，语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir，可使用ul标签取代。

Html5怎么取消td边框May 18, 2022 pm 06:57 PM

3种取消方法：1、给td元素添加“border:none”无边框样式即可，语法“td{border:none}”。2、给td元素添加“border:0”样式，语法“td{border:0;}”，将td边框的宽度设置为0即可。3、给td元素添加“border:transparent”样式，语法“td{border:transparent;}”，将td边框的颜色设置为透明即可。