搜尋

首頁 >web前端 >html教學 >HTML結構元素是什麼？ HTML中各種結構元素的總結（純文字）

HTML結構元素是什麼？ HTML中各種結構元素的總結（純文字）

不言
不言原創
2018-07-21 16:46:243749瀏覽

在一個網頁文件中會有各種不同元素的展現。每個元素都有其特定的位置，為了讓這些元素規範起來，就需要由HTML中的結構元素決定。

功能說明： 標籤為頁面上的所有連結規定預設位址或預設目標。通常情況下，瀏覽器會從目前文件的 URL 中提取相應的元素來填寫相對 URL 中的空白。

標準屬性：href、target

href：設定或取得頁面中所有連結在滑鼠點擊連結到的URL

target：設定或取得目標內容要顯示於哪個視窗或框架

   _blank：在一個新的未命名的視窗載入文件

   _self：在相同的框架或視窗中載入目標文件

   _parent ：把文件載入父視窗或包含了超連結引用的框架集

  _top：把文件載入包含該超連結的窗口，取代任何目前正在視窗中顯示的框架

…

功能說明：定義HTML文件的主體，body包含HTML文件的所有內容。

標準屬性：id(元素唯一識別)、class(類別名稱)、title(顯示在工具提示中的文字)、style(行內樣式定義)、dir(設定文字方向)、lang(設定語言碼)、background(網頁背景圖片)、bgcolor(背景顏色)、text(設定文字顏色)、link(設定連結文字的顏色)、alink(設定連結時文字的顏色)、vlink(設定連結後的文字顏色)、leftmargin(左外邊距)、topmargin(上外邊距)、bgproperties(讓背景圖片不跟隨網頁滾動，它只有一個參數fixed)

以後出現相同屬性的時候解釋過後就不再進行說明

…

#功能說明：定義一個文件的段落

標準屬性：align、 id、class、title、style、dir、lang

使用重點：使用p來換行，並分隔段落。 p元素是區塊元素，需要關閉標籤

…

功能說明：用來組合文件中的內嵌元素

標準屬性：align、id、class、title、style、dir、lang

……

功能說明：定義文檔中的分區或節標準屬性：align、id、class、title、style、dir、lang

使用要點：p元素是用來為HTML文檔內大塊的內容提供結構與背景元素


#功能說明：插入一個換行符號

標準屬性：id、 class、title、style

……

功能說明：定義一個表格標題

標準屬性： align（對齊方式，包括left（左對齊）、right（右對齊）、top（頂端對齊）、bottom（底部對齊））、id、class、title、dir、lang

使用重點：caption元素應該是table元素的子對象，caption標籤必須緊接在table標籤之後。只能對一個表格定義一個標題，通常標題居中於表格之上。

功能說明：為表格定義列屬性值，定義的物件可以包括表格中的一個或多個欄位標準屬性：id、class、title、style、dir、lang

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

                 span（定義應橫跨的列數，預設值為1）

       含middle（垂直居中）、bottom(低階對齊)、baseline（基線對準））  

#                 width（定義列的寬度）

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

標準屬性：id、class、 title、style、dir、lang

可選屬性：align、span（定義col應橫跨的列數，預設值為1）、valign、width

使用重點：只有在table標籤內部才是合法的，可以對列進行組合來進行對應的格式化######### fieldset#########功能說明：將表單內的相關元素分組######標準屬性：id、class、title、style、dir、lang######使用重點：在字段集包含的文字和其他元素外面繪製方框#########……#########功能說明：可為fieldset定義一個標題######標準屬性：id、class、title、style、dir、lang######使用重點：legend元素必須是fieldset內的第一個元素，此元素是內嵌元素，需要關閉標籤###

功能說明：建立包含外部文件的內嵌框架

標準屬性：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。此元素為區塊元素，需要關閉標籤

   

…

   < dd>……

   

……

   

……

#< ;/dl>

功能說明：dd定義在清單中的顯示樣式

                  dl定義清單的顯示樣式

    #標準屬性：id、class、title、style、dir、lang

使用重點：dd通常在清單中縮排顯示，dd元素是區塊元素，需要關閉標籤

                  dl元素是區塊元素，需要關閉標籤

                  dt 元素是區塊元素，需要關閉標籤

h1…h6

##功能說明：定義文章的標題

標準屬性：align、id、class、title、style、dir、lang

使用重點：

定義最大的標題，

定義最小的標題，需要關閉標籤

…

功能說明：聲明文件本身是一個HTML文件

標準屬性：dir、lang

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

< ins>…

功能說明：定義文件中已插入的文字

標準屬性：id、class、title、style、dir、lang

使用重點：ins和del標籤搭配使用，用來描述文件中的更新和修正

…

功能說明：定義文件中已刪除的文字

標準屬性：id、class、title、style、dir、lang

  • …< ;/li>

    功能說明：定義一個清單項目

    標準屬性：id、class、title、style、dir、lang

    使用重點：li標籤可用在有序列表
      和無序列表
        中

          ……

        #功能說明：定義有序列表

        標準屬性：id、class、title、style、dir、lang

          ……

        #功能說明：定義無序列表

        標準屬性：id、class、title、style、dir、lang

        …

        功能說明：定義表格的相關格式

        標準屬性：align、id、class、title、style、dir、lang

        使用重點：用來顯示數據，table是一個區塊元素，需要關閉標籤##################功能說明：定義表格內的表頭單元格######標準屬性：id、class、title、style、dir、lang#######基本屬性：common、abbr（代表表頭的簡寫）、axis（對單元格在概念上分類）、colspan（一行跨越多列）、headers（連接表格的資料與表頭）、rowspan（一列跨多行）、scope（定義行或列的表頭）、align、valign###### #使用重點：th元素內部的文字通常會呈現為粗體#########……#########功能說明：在表格中定義一行######標準屬性：id、class、title、style、dir、lang######基本屬性：common、align、valign#################功能說明：定義表格中的一個儲存格######標準屬性：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中各種結構元素的總結（純文字）的詳細內容。更多資訊請關注PHP中文網其他相關文章！

        陳述：
        本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
        上一篇：HTML中元資訊meta標記屬性的分析（附程式碼）下一篇：HTML中元資訊meta標記屬性的分析（附程式碼）

        相關文章

        看更多
        …
        … …