溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇“HTML中各種結(jié)構(gòu)元素的簡(jiǎn)介”文章，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要參考一下，對(duì)于“HTML中各種結(jié)構(gòu)元素的簡(jiǎn)介”，小編整理了以下知識(shí)點(diǎn)，請(qǐng)大家跟著小編的步伐一步一步的慢慢理解，接下來(lái)就讓我們進(jìn)入主題吧。
html的全稱為超文本標(biāo)記語(yǔ)言，它是一種標(biāo)記語(yǔ)言，包含了一系列標(biāo)簽．通過(guò)這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說(shuō)明文字，圖形、動(dòng)畫、聲音、表格、鏈接等，主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁(yè)。
在一個(gè)網(wǎng)頁(yè)文檔中會(huì)有各種不同元素的展現(xiàn)。每個(gè)元素都有其特定的位置，為了讓這些元素規(guī)范起來(lái)，就需要由HTML中的結(jié)構(gòu)元素確定。
<base>
功能說(shuō)明：<base> 標(biāo)簽為頁(yè)面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo)。通常情況下，瀏覽器會(huì)從當(dāng)前文檔的 URL 中提取相應(yīng)的元素來(lái)填寫相對(duì) URL 中的空白。
標(biāo)準(zhǔn)屬性：href、target
href：設(shè)置或獲取頁(yè)面中所有鏈接在鼠標(biāo)單擊鏈接到的URL
target：設(shè)置或獲取目標(biāo)內(nèi)容要顯示于哪個(gè)窗口或框架
_blank：在一個(gè)新的未命名的窗口載入文檔
_self：在相同的框架或窗口中載入目標(biāo)文檔
_parent：把文檔載入父窗口或包含了超鏈接引用的框架集
_top：把文檔載入包含該超鏈接的窗口，取代任何當(dāng)前正在窗口中顯示的框架
<body>……</body>
功能說(shuō)明：定義HTML文檔的主體，body包含HTML文檔的所有內(nèi)容。
標(biāo)準(zhǔn)屬性：id(元素唯一標(biāo)識(shí))、class(類名)、title(顯示在工具提示中的文本)、style(行內(nèi)樣式定義)、dir(設(shè)置文本方向)、lang(設(shè)置語(yǔ)言碼)、background(網(wǎng)頁(yè)背景圖像)、bgcolor(背景顏色)、text(設(shè)置文字顏色)、link(設(shè)置鏈接文字的顏色)、alink(設(shè)置鏈接時(shí)文字的顏色)、vlink(設(shè)置鏈接后文字的顏色)、leftmargin(左外邊距)、topmargin(上外邊距)、bgproperties(讓背景圖片不跟隨網(wǎng)頁(yè)滾動(dòng)，它只有一個(gè)參數(shù)fixed)
以后出現(xiàn)相同屬性的時(shí)候解釋過(guò)后就不再進(jìn)行說(shuō)明
<p>……</p>
功能說(shuō)明：定義一個(gè)文檔的段落
標(biāo)準(zhǔn)屬性：align、id、class、title、style、dir、lang
使用要點(diǎn)：使用p來(lái)?yè)Q行，并分隔段落。p元素是塊元素，需要關(guān)閉標(biāo)簽
<span>……</span>
功能說(shuō)明：用來(lái)組合文檔中的內(nèi)聯(lián)元素
標(biāo)準(zhǔn)屬性：align、id、class、title、style、dir、lang
<p>……</p>
功能說(shuō)明：定義文檔中的分區(qū)或節(jié)
標(biāo)準(zhǔn)屬性：align、id、class、title、style、dir、lang
使用要點(diǎn)：p元素是用來(lái)為HTML文檔內(nèi)大塊的內(nèi)容提供結(jié)構(gòu)和背景元素
<br>
功能說(shuō)明：插入一個(gè)換行符
標(biāo)準(zhǔn)屬性：id、class、title、style
<caption>……</caption>
功能說(shuō)明：定義一個(gè)表格標(biāo)題
標(biāo)準(zhǔn)屬性：align（對(duì)齊方式，包括left（左對(duì)齊）、right（右對(duì)齊）、top（頂端對(duì)齊）、bottom（底部對(duì)齊））、id、class、title、dir、lang
使用要點(diǎn)：caption元素應(yīng)該是table元素的子對(duì)象，caption標(biāo)簽必須緊隨table標(biāo)簽之后。只能對(duì)一個(gè)表格定義一個(gè)標(biāo)題，通常標(biāo)題居中于表格之上。
<col>
功能說(shuō)明：為表格定義列屬性值，定義的對(duì)象可以包括表格中的一個(gè)或多個(gè)列
標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang
可選屬性：align（水平對(duì)齊方式，包括right（右對(duì)齊）、left（左對(duì)齊）、center（居中）、justify（兩端對(duì)齊））
span（定義<col>應(yīng)當(dāng)橫跨的列數(shù)，默認(rèn)值為1）
valign（垂直對(duì)齊方式，包括top(頂端對(duì)齊)、middle（垂直居中）、bottom(低端對(duì)齊)、baseline（基線對(duì)齊））
width（定義列的寬度）
功能說(shuō)明：定義表格列的分組
標(biāo)準(zhǔn)屬性：id、class、 title、style、dir、lang
可選屬性：align、span（定義col應(yīng)當(dāng)橫跨的列數(shù)，默認(rèn)值為1）、valign、width
使用要點(diǎn)：只有在table標(biāo)簽內(nèi)部才是合法的，可以對(duì)列進(jìn)行組合來(lái)進(jìn)行相應(yīng)的格式化
功能說(shuō)明：將表單內(nèi)的相關(guān)元素分組
標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang
使用要點(diǎn)：在字段集包含的文本和其他元素外面繪制方框
<legend>……</legend>
功能說(shuō)明：可為fieldset定義一個(gè)標(biāo)題
標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang
使用要點(diǎn)：legend元素必須是fieldset內(nèi)的第一個(gè)元素，此元素是內(nèi)嵌元素，需要關(guān)閉標(biāo)簽
<iframe>……</iframe>
功能說(shuō)明：創(chuàng)建包含外部文檔的內(nèi)聯(lián)框架
標(biāo)準(zhǔn)屬性：id、class、title、style
基本屬性：name（定義內(nèi)容頁(yè)名稱）、src（定義內(nèi)容頁(yè)URL）、frameborder（定義內(nèi)容頁(yè)的邊框，取值為0/1，默認(rèn)為1，0不顯示邊框，1在每個(gè)頁(yè)面之間都顯示邊框）、marginwidth（定義框架中HTML文件顯示的上下邊界的寬度，默認(rèn)值由瀏覽器決定）、marginheight（定義框架中HTML文件顯示的左右邊界的寬度，默認(rèn)值由瀏覽器決定）、scrolling（定義是否有滾動(dòng)條，取值yes/no/auto，默 認(rèn)值auto）、align、height、width
使用要點(diǎn)：iframe元素的作用相當(dāng)于在一個(gè)文檔中嵌入另一個(gè)文檔，或者像一個(gè)漂浮的frame，創(chuàng)建內(nèi)嵌漂浮框架，在iframe內(nèi)容源文檔，background-color或body元素的bgcolor標(biāo)簽屬性必須設(shè)置為transparent。此元素是塊元素，需要關(guān)閉標(biāo)簽
<dl>
<dt>……</dt>
<dd>……</dd>
<dt>……</dt>
<dd>……</dd>
</dl>
功能說(shuō)明：dd定義在列表中的顯示樣式
dl定義列表的顯示樣式
dt定義列表中的項(xiàng)目
標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang
使用要點(diǎn)：dd通常在列表中縮進(jìn)顯示，dd元素是塊元素，需要關(guān)閉標(biāo)簽
dl元素是塊元素，需要關(guān)閉標(biāo)簽
dt 元素是塊元素，需要關(guān)閉標(biāo)簽
<h2>……</h2>
功能說(shuō)明：定義文章的標(biāo)題
標(biāo)準(zhǔn)屬性：align、id、class、title、style、dir、lang
使用要點(diǎn)：<h2>定義最大的標(biāo)題，<h7>定義最小的標(biāo)題，需要關(guān)閉標(biāo)簽
<html>……</html>
功能說(shuō)明：聲明文檔本身是一個(gè)HTML文檔
標(biāo)準(zhǔn)屬性：dir、lang
基本屬性：common(一般屬性)、xmlns(代表xml命名空間)、dir
<ins>……</ins>
功能說(shuō)明：定義文檔中已被插入的文本
標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang
使用要點(diǎn)：ins和del標(biāo)簽配合使用，用來(lái)描述文檔中的更新和修正
<del>……</del>
功能說(shuō)明：定義文檔中已被刪除的文本
標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang
<li>……</li>
功能說(shuō)明：定義一個(gè)列表項(xiàng)目
標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang
使用要點(diǎn)：li標(biāo)簽可用在有序列表<ol>和無(wú)序列表<ul>中
<ol>……</ol>
功能說(shuō)明：定義有序列表
標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang
<ul>……</ul>
功能說(shuō)明：定義無(wú)序列表
標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang
<table>……</table>
功能說(shuō)明：定義表格的相關(guān)格式
標(biāo)準(zhǔn)屬性：align、id、class、title、style、dir、lang
使用要點(diǎn)：用來(lái)顯示數(shù)據(jù)，table是一個(gè)塊元素，需要關(guān)閉標(biāo)簽
<th>……</th>
功能說(shuō)明：定義表格內(nèi)的表頭單元格
標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang
基本屬性：common、abbr（代表表頭的簡(jiǎn)寫）、axis（對(duì)單元格在概念上分類）、colspan（一行跨越多列）、headers（連接表格的數(shù)據(jù)與表頭）、rowspan（一列跨多行）、scope（定義行或列的表頭）、align、valign
使用要點(diǎn)：th元素內(nèi)部的文本通常會(huì)呈現(xiàn)為粗體
<tr>……</tr>
功能說(shuō)明：在表格中定義一行
標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang
基本屬性：common、align、valign
<td>……</td>
功能說(shuō)明：定義表格中的一個(gè)單元格
標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang
基本屬性：common、abbr（代表表頭的簡(jiǎn)寫）、axis（對(duì)單元格在概念上分類）、colspan（一行跨越多列）、headers（連接表格的數(shù)據(jù)與表頭）、rowspan（一列跨多行）、scope（定義行或列的表頭）、align、valign
功能說(shuō)明：定義一段表格主體的格式
標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang
使用要點(diǎn)：可以將表格分為一個(gè)單獨(dú)的部分，可將表格中的一行或幾行合成一組，但是在表格中最好沒(méi)有tbody標(biāo)簽，不能從一個(gè)tbody跨越到另一個(gè)tbody中
功能說(shuō)明：定義表格腳注的格式
標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang
使用要點(diǎn)：tfoot元素內(nèi)包含的有效標(biāo)簽有td、tr、th，任何給定的table對(duì)象都只能定義一個(gè)tfoot。此元素需要關(guān)閉標(biāo)簽
功能說(shuō)明：定義表頭的格式
標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang
使用要點(diǎn)：thead內(nèi)部必須擁有tr標(biāo)簽，此元素不會(huì)改變顯示。如果使用thead、tfoot和tbody元素，就必須使用全部的元素。它們出現(xiàn)的次序是thead、tfoot、tbody。必須在table元素內(nèi)部使用這些標(biāo)簽
以上是“HTML中各種結(jié)構(gòu)元素的簡(jiǎn)介”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
