一文講解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元素可以設置屬性

屬性可以在元素中添加附加信息

屬性一般描述于開始標簽

屬性總是以名稱/值對應的形式出現，例如：name="value"

例，鏈接地址是href的屬性

<a >鏈接地址是href的屬性</a>

HTML屬性常用引用屬性值

屬性值應該始終被包含在引號內

雙引號是常用的，單引號也沒有問題，

如果屬性值本身就包含了雙引號，即么則必須引用單引號，例：name='John"ShotGun"Nelson'

HTML提示：使用小寫屬性

屬性和屬性值對大小寫不敏感。

HTML屬性參考

calss 為HMTL元素定義一個或多個名

id 定義元素的唯一id

style 規定元素的行內樣式

title 描述元素的額外信息

HTML標題

HTML注釋

類似于對代碼進行備注，默認有兩種試

1、

常用于一小段注釋

2、//注釋有時候不起作用，不知道為啥，知道的回復下啦

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的事件屬性。