這篇“HTML中各種結(jié)構(gòu)元素的簡介”文章,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要參考一下,對于“HTML中各種結(jié)構(gòu)元素的簡介”,小編整理了以下知識(shí)點(diǎn),請大家跟著小編的步伐一步一步的慢慢理解,接下來就讓我們進(jìn)入主題吧。
成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供來安企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、H5網(wǎng)站設(shè)計(jì)、小程序制作等業(yè)務(wù)。10年已為來安眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。html的全稱為超文本標(biāo)記語言,它是一種標(biāo)記語言,包含了一系列標(biāo)簽.通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一,使分散的Internet資源連接為一個(gè)邏輯整體,html文本是由html命令組成的描述性文本,html命令可以說明文字,圖形、動(dòng)畫、聲音、表格、鏈接等,主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁。
在一個(gè)網(wǎng)頁文檔中會(huì)有各種不同元素的展現(xiàn)。每個(gè)元素都有其特定的位置,為了讓這些元素規(guī)范起來,就需要由HTML中的結(jié)構(gòu)元素確定。
功能說明:
標(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)前正在窗口中顯示的框架
……
功能說明:定義HTML文檔的主體,body包含HTML文檔的所有內(nèi)容。
標(biāo)準(zhǔn)屬性:id(元素唯一標(biāo)識(shí))、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)頁滾動(dòng),它只有一個(gè)參數(shù)fixed)
以后出現(xiàn)相同屬性的時(shí)候解釋過后就不再進(jìn)行說明
……
功能說明:定義一個(gè)文檔的段落
標(biāo)準(zhǔn)屬性:align、id、class、title、style、dir、lang
使用要點(diǎn):使用p來換行,并分隔段落。p元素是塊元素,需要關(guān)閉標(biāo)簽
……
功能說明:用來組合文檔中的內(nèi)聯(lián)元素
標(biāo)準(zhǔn)屬性:align、id、class、title、style、dir、lang
……
功能說明:定義文檔中的分區(qū)或節(jié)
標(biāo)準(zhǔn)屬性:align、id、class、title、style、dir、lang
使用要點(diǎn):p元素是用來為HTML文檔內(nèi)大塊的內(nèi)容提供結(jié)構(gòu)和背景元素
功能說明:插入一個(gè)換行符
標(biāo)準(zhǔn)屬性:id、class、title、style
功能說明:定義一個(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)題居中于表格之上。
功能說明:為表格定義列屬性值,定義的對象可以包括表格中的一個(gè)或多個(gè)列
標(biāo)準(zhǔn)屬性:id、class、title、style、dir、lang
可選屬性:align(水平對齊方式,包括right(右對齊)、left(左對齊)、center(居中)、justify(兩端對齊))
span(定義
valign(垂直對齊方式,包括top(頂端對齊)、middle(垂直居中)、bottom(低端對齊)、baseline(基線對齊))
width(定義列的寬度)
功能說明:定義表格列的分組
標(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)的格式化
功能說明:將表單內(nèi)的相關(guān)元素分組
標(biāo)準(zhǔn)屬性:id、class、title、style、dir、lang
使用要點(diǎn):在字段集包含的文本和其他元素外面繪制方框
功能說明:可為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)簽
功能說明:創(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(定義是否有滾動(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)簽
功能說明: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)簽
功能說明:定義文章的標(biāo)題
標(biāo)準(zhǔn)屬性:align、id、class、title、style、dir、lang
使用要點(diǎn):
……
功能說明:聲明文檔本身是一個(gè)HTML文檔
標(biāo)準(zhǔn)屬性:dir、lang
基本屬性:common(一般屬性)、xmlns(代表xml命名空間)、dir
……
功能說明:定義文檔中已被插入的文本
標(biāo)準(zhǔn)屬性:id、class、title、style、dir、lang
使用要點(diǎn):ins和del標(biāo)簽配合使用,用來描述文檔中的更新和修正
……
功能說明:定義文檔中已被刪除的文本
標(biāo)準(zhǔn)屬性:id、class、title、style、dir、lang
功能說明:定義一個(gè)列表項(xiàng)目
標(biāo)準(zhǔn)屬性:id、class、title、style、dir、lang
使用要點(diǎn):li標(biāo)簽可用在有序列表
……
功能說明:定義有序列表
標(biāo)準(zhǔn)屬性:id、class、title、style、dir、lang
……
功能說明:定義無序列表
標(biāo)準(zhǔn)屬性:id、class、title、style、dir、lang
……
功能說明:定義表格的相關(guān)格式
標(biāo)準(zhǔn)屬性:align、id、class、title、style、dir、lang
使用要點(diǎn):用來顯示數(shù)據(jù),table是一個(gè)塊元素,需要關(guān)閉標(biāo)簽
……
功能說明:定義表格內(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)部的文本通常會(huì)呈現(xiàn)為粗體
……
功能說明:在表格中定義一行
標(biāo)準(zhǔn)屬性:id、class、title、style、dir、lang
基本屬性:common、align、valign
……
功能說明:定義表格中的一個(gè)單元格
標(biāo)準(zhǔn)屬性:id、class、title、style、dir、lang
基本屬性:common、abbr(代表表頭的簡寫)、axis(對單元格在概念上分類)、colspan(一行跨越多列)、headers(連接表格的數(shù)據(jù)與表頭)、rowspan(一列跨多行)、scope(定義行或列的表頭)、align、valign
功能說明:定義一段表格主體的格式
標(biāo)準(zhǔn)屬性:id、class、title、style、dir、lang
使用要點(diǎn):可以將表格分為一個(gè)單獨(dú)的部分,可將表格中的一行或幾行合成一組,但是在表格中最好沒有tbody標(biāo)簽,不能從一個(gè)tbody跨越到另一個(gè)tbody中
功能說明:定義表格腳注的格式
標(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)簽
功能說明:定義表頭的格式
標(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)元素的簡介”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。