一文講解HTML標題標記

于所有Web開發人員來說，無論你選擇的是哪種框架或后端語言，都需要大量使用HTML（超文本標記語言）。

HTML標題標記

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>無標題文檔</title>
    </head>
    
    <body>
        <h1>1級標題</h1>
  <h2>2級標題</h2>
  <h3>3級標題</h3>
  <h4>4級標題</h4>
  <h5>5級標題</h5>
  <h6>6級標題</h6>
    </body>
</html>12345678910111213141516復制代碼類型：[html]

圖示

h的級別越小文字大小越小。

當然了，這些文字標題都是左對齊的。

其實在標題標記中還有重要的屬性！詳情見文章------

我們可以給<h1>，<h2>......等標記加屬性值讓其變得更加多樣化！

代碼

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>無標題文檔</title>
    </head>
    
    <body>
        <h1 align="center">1級標題</h1>
        <h2 align="left">2級標題</h2>
        <h3 align="right">3級標題</h3>
        <h4 align="justify">4級標題</h4>
        <h5 align="right">5級標題</h5>
        <h6 align="center">6級標題</h6>
    </body>
</html>12345678910111213141516復制代碼類型：[html]

圖示

align標記在----文章已經有些許敘述，我們再來講講吧。

<h1 align="center"></h1> <!--居中-->
<h2 align="left"</h2> <!--左對齊-->
<h3 align="right"></h3> <!--右對齊-->
<h4 align="justify"></h4><!--段落兩端對齊-->1234復制代碼類型：[html]

所以圖示才是如此顯示的。

開課吧廣場-人才學習交流平臺

需HTML標記

有四組必需的HTML標記來構成每個HTML文件的基本結構：

<html></html>
<head></head>
<title></title>
<body></body>

定義 - <html> </html>

標記html定義一個網頁文檔。它標識了HTML文檔的開始和結束。所有其他標記必須位于html標記之間。

頁眉/頭部 - <head> </head>

標記head包含關于文檔的信息，這些信息不會出現在實際頁面上，例如文檔的標題、作者、使用的樣式表以及元標記。

標題 - <title> </title>

標記title標記定義網頁在web瀏覽器標題欄中的標題。標題必須出現在head標記之間。

正文 - <body> </body>

標記body包含頁面上的所有信息和其他可見內容。所有圖像、鏈接和純文本必須位于<body>和</body>標記之間。

這四個標記很特別。每個只能有一組，并且它們必須按照下面示例中的正確順序排列。

例子

下面是一個基本的html文檔。請注意，所有內容都在html標記之間，標題出現在文檔的頭部，而正文位于頭部之后：

瀏覽器顯示內容如下所示：

lt;thead>標簽定義HTML中<table>元素的標題；

<thead>標簽與<tbody>和<tfoot>標簽一起使用，它們定義HTML表格中的表頭，表主體和表腳。

<thead>標簽作為<table>標簽的子元素，需出現在<caption>、<colgroup>元素之后；<tbody>，<tr>或<tfoot>元素之前。

<thead>標記內應至少包含一行<tr>元素。

提示：<thead>、<tbody>和<tfoot>元素默認不會影響表格的布局。不過可以使用CSS來為這些元素定義樣式，從而改變表格的外觀。

語法格式

<thead>

<thead>

示例代碼

<table border="1">
    <caption>圖書大廈書目價格單</caption>  
    <thead>  
        <tr>  
            <th>書名</th>  
            <th>單價</th>  
        </tr>  
    </thead>  
    <tr>  
        <td>HTML入門教程</td>  
        <td>79.00元</td>  
    </tr>  
    <tr>  
        <td>JavaScript基礎教程</td>  
        <td>46.00元</td>  
    </tr>  
    <tr>  
        <td>Python精品教程</td>  
        <td>99.00元</td>  
    </tr>  
</table>  123456789101112131415161718192021復制代碼類型：[html]

效果展示：

圖書大廈書目價格單
書名	單價
HTML入門教程	79.00元
JavaScript基礎教程	46.00元
Python精品教程	99.00元

HTML4.01與HTML5差異

在HTML5中，不再支持HTML4.01中<thead>標簽的任何屬性。

瀏覽器支持

所有主流瀏覽器都支持<thead>標簽。

標簽屬性

屬性	值	描述
align	right left center justify char	HTML5 不支持。定義 <thead> 元素中內容的對齊方式。
char	character	HTML5 不支持。規定 <thead> 元素中內容根據哪個字符來對進行文本對齊。
charoff	number	HTML5 不支持。規定 <thead> 元素中內容的第一個對齊字符的偏移量。
valign	top middle bottom baseline	HTML5 不支持。規定 <thead> 元素中內容的垂直對齊方式。

全局屬性

<thead>標簽支持HTML的全局屬性。

事件屬性

<thead>標簽支持HTML的事件屬性。