一文講解HTML標題標記

于所有Web開發(fā)人員來說，無論你選擇的是哪種框架或后端語言，都需要大量使用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]

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

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

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

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

<thead>標簽作為<table>標簽的子元素，需出現(xiàn)在<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 不支持。規(guī)定 <thead> 元素中內容根據哪個字符來對進行文本對齊。
charoff	number	HTML5 不支持。規(guī)定 <thead> 元素中內容的第一個對齊字符的偏移量。
valign	top middle bottom baseline	HTML5 不支持。規(guī)定 <thead> 元素中內容的垂直對齊方式。

全局屬性

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

事件屬性

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

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

圖是一至六級標題.HTML代碼是怎么樣的？（自學示例1）

一級標題至六級標題

標題標簽表示一段文字的標題或主題，并支持多層的內容結構。例如一級標題采用<h1>，二級標題采用<h2>，其他級別標題以此類推。HTML共提供了六級標題 <h1>~<h6>.并賦予了標題一定的外觀，所有標題字體加粗，<h1>最大<h6>最小。

通過使用WebStorm工具，代碼如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>不同等級的標題標簽對比</title>
</head>
<body>
<h1>頭條號</h1>
<h2>頭條號</h2>
<h3>頭條號</h3>
<h4>頭條號</h4>
<h5>頭條號</h5>
<h6>頭條號</h6>
</body>
</html>

是不是很簡單，自己操作試一下吧。

這里的<html lang="en">可以理解為我編輯的這個頁面是英文的。Chrome之類的瀏覽器會提示是否需要翻譯。

在線咨詢

上一篇：超干貨！為了讓你徹底弄懂 MySQL 事務日志，我通宵搞出了這份圖解
下一篇：HTML5的基本結構

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯(lián)系。

整合營銷服務商