溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇“HTML中各種結構元素的簡介”文章，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要參考一下，對于“HTML中各種結構元素的簡介”，小編整理了以下知識點，請大家跟著小編的步伐一步一步的慢慢理解，接下來就讓我們進入主題吧。
html的全稱為超文本標記語言，它是一種標記語言，包含了一系列標簽．通過這些標簽可以將網絡上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動畫、聲音、表格、鏈接等，主要和css+js配合使用并構建優雅的前端網頁。
在一個網頁文檔中會有各種不同元素的展現。每個元素都有其特定的位置，為了讓這些元素規范起來，就需要由HTML中的結構元素確定。
<base>
功能說明：<base> 標簽為頁面上的所有鏈接規定默認地址或默認目標。通常情況下，瀏覽器會從當前文檔的 URL 中提取相應的元素來填寫相對 URL 中的空白。
標準屬性：href、target
href：設置或獲取頁面中所有鏈接在鼠標單擊鏈接到的URL
target：設置或獲取目標內容要顯示于哪個窗口或框架
_blank：在一個新的未命名的窗口載入文檔
_self：在相同的框架或窗口中載入目標文檔
_parent：把文檔載入父窗口或包含了超鏈接引用的框架集
_top：把文檔載入包含該超鏈接的窗口，取代任何當前正在窗口中顯示的框架
<body>……</body>
功能說明：定義HTML文檔的主體，body包含HTML文檔的所有內容。
標準屬性：id(元素唯一標識)、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（定義列的寬度）
功能說明：定義表格列的分組
標準屬性：id、class、 title、style、dir、lang
可選屬性：align、span（定義col應當橫跨的列數，默認值為1）、valign、width
使用要點：只有在table標簽內部才是合法的，可以對列進行組合來進行相應的格式化
功能說明：將表單內的相關元素分組
標準屬性：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 元素是塊元素，需要關閉標簽
<h2>……</h2>
功能說明：定義文章的標題
標準屬性：align、id、class、title、style、dir、lang
使用要點：<h2>定義最大的標題，<h7>定義最小的標題，需要關閉標簽
<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
功能說明：定義一段表格主體的格式
標準屬性：id、class、title、style、dir、lang
使用要點：可以將表格分為一個單獨的部分，可將表格中的一行或幾行合成一組，但是在表格中最好沒有tbody標簽，不能從一個tbody跨越到另一個tbody中
功能說明：定義表格腳注的格式
標準屬性：id、class、title、style、dir、lang
使用要點：tfoot元素內包含的有效標簽有td、tr、th，任何給定的table對象都只能定義一個tfoot。此元素需要關閉標簽
功能說明：定義表頭的格式
標準屬性：id、class、title、style、dir、lang
使用要點：thead內部必須擁有tr標簽，此元素不會改變顯示。如果使用thead、tfoot和tbody元素，就必須使用全部的元素。它們出現的次序是thead、tfoot、tbody。必須在table元素內部使用這些標簽
以上是“HTML中各種結構元素的簡介”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
