base
功能說明: base 標簽為頁面上的所有鏈接規定默認地址或默認目標。通常情況下,瀏覽器會從當前文檔的 URL 中提取相應的元素來填寫相對 URL 中的空白。
標準屬性:href、target
href:設置或獲取頁面中所有鏈接在鼠標單擊鏈接到的URL
target:設置或獲取目標內容要顯示于哪個窗口或框架
_blank:在一個新的未命名的窗口載入文檔
_self:在相同的框架或窗口中載入目標文檔
_parent:把文檔載入父窗口或包含了超鏈接引用的框架集
_top:把文檔載入包含該超鏈接的窗口,取代任何當前正在窗口中顯示的框架
body …… /body
功能說明:定義HTML文檔的主體,body包含HTML文檔的所有內容。
標準屬性:id(元素唯一標識)、html' target='_blank'>class(類名)、title(顯示在工具提示中的文本)、style(行內樣式定義)、dir(設置文本方向)、lang(設置語言碼)、background(網頁背景圖像)、bgcolor(背景顏色)、text(設置文字顏色)、link(設置鏈接文字的顏色)、alink(設置鏈接時文字的顏色)、vlink(設置鏈接后文字的顏色)、leftmargin(左外邊距)、topmargin(上外邊距)、bgproperties(讓背景圖片不跟隨網頁滾動,它只有一個參數fixed)
以后出現相同屬性的時候解釋過后就不再進行說明
p …… /p
功能說明:定義一個文檔的段落
標準屬性:align、id、class、title、style、dir、lang
使用要點:使用p來換行,并分隔段落。p元素是塊元素,需要關閉標簽
span …… /span
功能說明:用來組合文檔中的內聯元素
標準屬性:align、id、class、title、style、dir、lang
p …… /p
功能說明:定義文檔中的分區或節
標準屬性:align、id、class、title、style、dir、lang
使用要點:p元素是用來為HTML文檔內大塊的內容提供結構和背景元素
br
功能說明:插入一個換行符
標準屬性:id、class、title、style
caption …… /caption
功能說明:定義一個表格標題
標準屬性:align(對齊方式,包括left(左對齊)、right(右對齊)、top(頂端對齊)、bottom(底部對齊))、id、class、title、dir、lang
使用要點:caption元素應該是table元素的子對象,caption標簽必須緊隨table標簽之后。只能對一個表格定義一個標題,通常標題居中于表格之上。
col
功能說明:為表格定義列屬性值,定義的對象可以包括表格中的一個或多個列
標準屬性:id、class、title、style、dir、lang
可選屬性:align(水平對齊方式,包括right(右對齊)、left(左對齊)、center(居中)、justify(兩端對齊))
span(定義 col 應當橫跨的列數,默認值為1)
valign(垂直對齊方式,包括top(頂端對齊)、middle(垂直居中)、bottom(低端對齊)、baseline(基線對齊))
width(定義列的寬度)
colgroup功能說明:定義表格列的分組
標準屬性:id、class、 title、style、dir、lang
可選屬性:align、span(定義col應當橫跨的列數,默認值為1)、valign、width
使用要點:只有在table標簽內部才是合法的,可以對列進行組合來進行相應的格式化
fieldset功能說明:將表單內的相關元素分組
標準屬性:id、class、title、style、dir、lang
使用要點:在字段集包含的文本和其他元素外面繪制方框
legend …… /legend
功能說明:可為fieldset定義一個標題
標準屬性:id、class、title、style、dir、lang
使用要點:legend元素必須是fieldset內的第一個元素,此元素是內嵌元素,需要關閉標簽
iframe …… /iframe
功能說明:創建包含外部文檔的內聯框架
標準屬性:id、class、title、style
基本屬性:name(定義內容頁名稱)、src(定義內容頁URL)、frameborder(定義內容頁的邊框,取值為0/1,默認為1,0不顯示邊框,1在每個頁面之間都顯示邊框)、marginwidth(定義框架中HTML文件顯示的上下邊界的寬度,默認值由瀏覽器決定)、marginheight(定義框架中HTML文件顯示的左右邊界的寬度,默認值由瀏覽器決定)、scrolling(定義是否有滾動條,取值yes/no/auto,默 認值auto)、align、height、width
使用要點:iframe元素的作用相當于在一個文檔中嵌入另一個文檔,或者像一個漂浮的frame,創建內嵌漂浮框架,在iframe內容源文檔,background-color或body元素的bgcolor標簽屬性必須設置為transparent。此元素是塊元素,需要關閉標簽
dl
dt …… /dt
dd …… /dd
dt …… /dt
dd …… /dd
/dl
功能說明:dd定義在列表中的顯示樣式
dl定義列表的顯示樣式
dt定義列表中的項目
標準屬性:id、class、title、style、dir、lang
使用要點:dd通常在列表中縮進顯示,dd元素是塊元素,需要關閉標簽
dl元素是塊元素,需要關閉標簽
dt 元素是塊元素,需要關閉標簽
h1……h6h1 …… /h1
功能說明:定義文章的標題
標準屬性:align、id、class、title、style、dir、lang
使用要點: h1 定義最大的標題, h6 定義最小的標題,需要關閉標簽
html …… /html
功能說明:聲明文檔本身是一個HTML文檔
標準屬性:dir、lang
基本屬性:common(一般屬性)、xmlns(代表xml命名空間)、dir
ins …… /ins
功能說明:定義文檔中已被插入的文本
標準屬性:id、class、title、style、dir、lang
使用要點:ins和del標簽配合使用,用來描述文檔中的更新和修正
del …… /del
功能說明:定義文檔中已被刪除的文本
標準屬性:id、class、title、style、dir、lang
li …… /li
功能說明:定義一個列表項目
標準屬性:id、class、title、style、dir、lang
使用要點:li標簽可用在有序列表 ol 和無序列表 ul 中
ol …… /ol
功能說明:定義有序列表
標準屬性:id、class、title、style、dir、lang
ul …… /ul
功能說明:定義無序列表
標準屬性:id、class、title、style、dir、lang
table …… /table
功能說明:定義表格的相關格式
標準屬性:align、id、class、title、style、dir、lang
使用要點:用來顯示數據,table是一個塊元素,需要關閉標簽
th …… /th
功能說明:定義表格內的表頭單元格
標準屬性:id、class、title、style、dir、lang
基本屬性:common、abbr(代表表頭的簡寫)、axis(對單元格在概念上分類)、colspan(一行跨越多列)、headers(連接表格的數據與表頭)、rowspan(一列跨多行)、scope(定義行或列的表頭)、align、valign
使用要點:th元素內部的文本通常會呈現為粗體
tr …… /tr
功能說明:在表格中定義一行
標準屬性:id、class、title、style、dir、lang
基本屬性:common、align、valign
td …… /td
功能說明:定義表格中的一個單元格
標準屬性:id、class、title、style、dir、lang
基本屬性:common、abbr(代表表頭的簡寫)、axis(對單元格在概念上分類)、colspan(一行跨越多列)、headers(連接表格的數據與表頭)、rowspan(一列跨多行)、scope(定義行或列的表頭)、align、valign
tbody功能說明:定義一段表格主體的格式
標準屬性:id、class、title、style、dir、lang
使用要點:可以將表格分為一個單獨的部分,可將表格中的一行或幾行合成一組,但是在表格中最好沒有tbody標簽,不能從一個tbody跨越到另一個tbody中
tfoot功能說明:定義表格腳注的格式
標準屬性:id、class、title、style、dir、lang
使用要點:tfoot元素內包含的有效標簽有td、tr、th,任何給定的table對象都只能定義一個tfoot。此元素需要關閉標簽
thead功能說明:定義表頭的格式
標準屬性:id、class、title、style、dir、lang
使用要點:thead內部必須擁有tr標簽,此元素不會改變顯示。如果使用thead、tfoot和tbody元素,就必須使用全部的元素。它們出現的次序是thead、tfoot、tbody。必須在table元素內部使用這些標簽
相關推薦:
HTML中元信息meta標記屬性的分析(附代碼)
如何動態生成html元素以及為元素追加屬性的方法介紹(附代碼)
以上就是HTML結構元素是什么?HTML中各種結構元素的總結(純文本)的詳細內容,html教程
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答