明輝手游網(wǎng)中心：是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

HTML結(jié)構(gòu)元素是什么？HTML中各種結(jié)構(gòu)元素的總結(jié)（純文本）

發(fā)表時(shí)間：2023-09-06 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]在一個(gè)網(wǎng)頁文檔中會有各種不同元素的展現(xiàn)。每個(gè)元素都有其特定的位置，為了讓這些元素規(guī)范起來，就需要由HTML中的結(jié)構(gòu)元素確定。<base>功能說明：<base> 標(biāo)簽為頁面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo)。通常情況下，瀏覽器會從當(dāng)前文檔的 URL 中提取相應(yīng)的元素來填寫相對...
在一個(gè)網(wǎng)頁文檔中會有各種不同元素的展現(xiàn)。每個(gè)元素都有其特定的位置，為了讓這些元素規(guī)范起來，就需要由HTML中的結(jié)構(gòu)元素確定。

<base>

功能說明：<base> 標(biāo)簽為頁面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo)。通常情況下，瀏覽器會從當(dāng)前文檔的 URL 中提取相應(yīng)的元素來填寫相對 URL 中的空白。

標(biāo)準(zhǔn)屬性：href、target

href：設(shè)置或獲取頁面中所有鏈接在鼠標(biāo)單擊鏈接到的URL

target：設(shè)置或獲取目標(biāo)內(nèi)容要顯示于哪個(gè)窗口或框架

_blank：在一個(gè)新的未命名的窗口載入文檔

_self：在相同的框架或窗口中載入目標(biāo)文檔

_parent：把文檔載入父窗口或包含了超鏈接引用的框架集

_top：把文檔載入包含該超鏈接的窗口，取代任何當(dāng)前正在窗口中顯示的框架

<body>……</body>

功能說明：定義HTML文檔的主體，body包含HTML文檔的所有內(nèi)容。

標(biāo)準(zhǔn)屬性：id(元素唯一標(biāo)識)、class(類名)、title(顯示在工具提示中的文本)、style(行內(nèi)樣式定義)、dir(設(shè)置文本方向)、lang(設(shè)置語言碼)、background(網(wǎng)頁背景圖像)、bgcolor(背景顏色)、text(設(shè)置文字顏色)、link(設(shè)置鏈接文字的顏色)、alink(設(shè)置鏈接時(shí)文字的顏色)、vlink(設(shè)置鏈接后文字的顏色)、leftmargin(左外邊距)、topmargin(上外邊距)、bgproperties(讓背景圖片不跟隨網(wǎng)頁滾動，它只有一個(gè)參數(shù)fixed)

以后出現(xiàn)相同屬性的時(shí)候解釋過后就不再進(jìn)行說明

<p>……</p>

功能說明：定義一個(gè)文檔的段落

標(biāo)準(zhǔn)屬性：align、id、class、title、style、dir、lang

使用要點(diǎn)：使用p來換行，并分隔段落。p元素是塊元素，需要關(guān)閉標(biāo)簽

<span>……</span>

功能說明：用來組合文檔中的內(nèi)聯(lián)元素

標(biāo)準(zhǔn)屬性：align、id、class、title、style、dir、lang

<p>……</p>

功能說明：定義文檔中的分區(qū)或節(jié)

標(biāo)準(zhǔn)屬性：align、id、class、title、style、dir、lang

使用要點(diǎn)：p元素是用來為HTML文檔內(nèi)大塊的內(nèi)容提供結(jié)構(gòu)和背景元素

<br>

功能說明：插入一個(gè)換行符

標(biāo)準(zhǔn)屬性：id、class、title、style

<caption>……</caption>

功能說明：定義一個(gè)表格標(biāo)題

標(biāo)準(zhǔn)屬性：align（對齊方式，包括left（左對齊）、right（右對齊）、top（頂端對齊）、bottom（底部對齊））、id、class、title、dir、lang

使用要點(diǎn)：caption元素應(yīng)該是table元素的子對象，caption標(biāo)簽必須緊隨table標(biāo)簽之后。只能對一個(gè)表格定義一個(gè)標(biāo)題，通常標(biāo)題居中于表格之上。

<col>

功能說明：為表格定義列屬性值，定義的對象可以包括表格中的一個(gè)或多個(gè)列

標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang

可選屬性：align（水平對齊方式，包括right（右對齊）、left（左對齊）、center（居中）、justify（兩端對齊））

span（定義<col>應(yīng)當(dāng)橫跨的列數(shù)，默認(rèn)值為1）

valign（垂直對齊方式，包括top(頂端對齊)、middle（垂直居中）、bottom(低端對齊)、baseline（基線對齊））

width（定義列的寬度）

colgroup

功能說明：定義表格列的分組

標(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)部才是合法的，可以對列進(jìn)行組合來進(jìn)行相應(yīng)的格式化

fieldset

功能說明：將表單內(nèi)的相關(guān)元素分組

標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang

使用要點(diǎn)：在字段集包含的文本和其他元素外面繪制方框

<legend>……</legend>

功能說明：可為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>

功能說明：創(chuàng)建包含外部文檔的內(nèi)聯(lián)框架

標(biāo)準(zhǔn)屬性：id、class、title、style

基本屬性：name（定義內(nèi)容頁名稱）、src（定義內(nèi)容頁URL）、frameborder（定義內(nèi)容頁的邊框，取值為0/1，默認(rèn)為1，0不顯示邊框，1在每個(gè)頁面之間都顯示邊框）、marginwidth（定義框架中HTML文件顯示的上下邊界的寬度，默認(rèn)值由瀏覽器決定）、marginheight（定義框架中HTML文件顯示的左右邊界的寬度，默認(rèn)值由瀏覽器決定）、scrolling（定義是否有滾動條，取值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>

功能說明：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)簽

h1……h(huán)6

<h1>……</h1>

功能說明：定義文章的標(biāo)題

標(biāo)準(zhǔn)屬性：align、id、class、title、style、dir、lang

使用要點(diǎn)：<h1>定義最大的標(biāo)題，<h6>定義最小的標(biāo)題，需要關(guān)閉標(biāo)簽

<html>……</html>

功能說明：聲明文檔本身是一個(gè)HTML文檔

標(biāo)準(zhǔn)屬性：dir、lang

基本屬性：common(一般屬性)、xmlns(代表xml命名空間)、dir

<ins>……</ins>

功能說明：定義文檔中已被插入的文本

標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang

使用要點(diǎn)：ins和del標(biāo)簽配合使用，用來描述文檔中的更新和修正

<del>……</del>

功能說明：定義文檔中已被刪除的文本

標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang

<li>……</li>

功能說明：定義一個(gè)列表項(xiàng)目

標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang

使用要點(diǎn)：li標(biāo)簽可用在有序列表<ol>和無序列表<ul>中

<ol>……</ol>

功能說明：定義有序列表

標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang

<ul>……</ul>

功能說明：定義無序列表

標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang

<table>……</table>

功能說明：定義表格的相關(guān)格式

標(biāo)準(zhǔn)屬性：align、id、class、title、style、dir、lang

使用要點(diǎn)：用來顯示數(shù)據(jù)，table是一個(gè)塊元素，需要關(guān)閉標(biāo)簽

<th>……</th>

功能說明：定義表格內(nèi)的表頭單元格

標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang

基本屬性：common、abbr（代表表頭的簡寫）、axis（對單元格在概念上分類）、colspan（一行跨越多列）、headers（連接表格的數(shù)據(jù)與表頭）、rowspan（一列跨多行）、scope（定義行或列的表頭）、align、valign

使用要點(diǎn)：th元素內(nèi)部的文本通常會呈現(xiàn)為粗體

<tr>……</tr>

功能說明：在表格中定義一行

標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang

基本屬性：common、align、valign

<td>……</td>

功能說明：定義表格中的一個(gè)單元格

標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang

基本屬性：common、abbr（代表表頭的簡寫）、axis（對單元格在概念上分類）、colspan（一行跨越多列）、headers（連接表格的數(shù)據(jù)與表頭）、rowspan（一列跨多行）、scope（定義行或列的表頭）、align、valign

tbody

功能說明：定義一段表格主體的格式

標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang

使用要點(diǎn)：可以將表格分為一個(gè)單獨(dú)的部分，可將表格中的一行或幾行合成一組，但是在表格中最好沒有tbody標(biāo)簽，不能從一個(gè)tbody跨越到另一個(gè)tbody中

tfoot

功能說明：定義表格腳注的格式

標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang

使用要點(diǎn)：tfoot元素內(nèi)包含的有效標(biāo)簽有td、tr、th，任何給定的table對象都只能定義一個(gè)tfoot。此元素需要關(guān)閉標(biāo)簽

thead

功能說明：定義表頭的格式

標(biāo)準(zhǔn)屬性：id、class、title、style、dir、lang

使用要點(diǎn)：thead內(nèi)部必須擁有tr標(biāo)簽，此元素不會改變顯示。如果使用thead、tfoot和tbody元素，就必須使用全部的元素。它們出現(xiàn)的次序是thead、tfoot、tbody。必須在table元素內(nèi)部使用這些標(biāo)簽

相關(guān)推薦：

HTML中元信息meta標(biāo)記屬性的分析（附代碼）

如何動態(tài)生成html元素以及為元素追加屬性的方法介紹（附代碼）

以上就是HTML結(jié)構(gòu)元素是什么？HTML中各種結(jié)構(gòu)元素的總結(jié)（純文本）的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。