HTML表標(biāo)題標(biāo)簽的定義與用法

lt;thead>標(biāo)簽定義HTML中<table>元素的標(biāo)題；

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

<thead>標(biāo)簽作為<table>標(biāo)簽的子元素，需出現(xiàn)在<caption>、<colgroup>元素之后；<tbody>，<tr>或<tfoot>元素之前。

<thead>標(biāo)記內(nèi)應(yīng)至少包含一行<tr>元素。

提示：<thead>、<tbody>和<tfoot>元素默認(rèn)不會(huì)影響表格的布局。不過(guò)可以使用CSS來(lái)為這些元素定義樣式，從而改變表格的外觀。

語(yǔ)法格式

<thead>

<thead>

示例代碼

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

效果展示：

圖書大廈書目?jī)r(jià)格單
書名	單價(jià)
HTML入門教程	79.00元
JavaScript基礎(chǔ)教程	46.00元
Python精品教程	99.00元

HTML4.01與HTML5差異

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

瀏覽器支持

所有主流瀏覽器都支持<thead>標(biāo)簽。

標(biāo)簽屬性

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

全局屬性

<thead>標(biāo)簽支持HTML的全局屬性。

事件屬性

<thead>標(biāo)簽支持HTML的事件屬性。

開課吧廣場(chǎng)-人才學(xué)習(xí)交流平臺(tái)

高認(rèn)知的一句話，增加對(duì)莆田系醫(yī)院的認(rèn)識(shí)：莆田系醫(yī)院-你有病，病很重，我有藥，藥很貴

關(guān)鍵詞：

1修改表的邊框顯示，表寬度，高度，表位置

2如何給Excel做表頭

3如何給Excel做標(biāo)題

內(nèi)容：

web前端-html

0.修改表寬度，高度，位置

body

table

在這里修改

width=500寬度

height=300高度

align=center，居中顯示

table

/body

成果：

于所有Web開發(fā)人員來(lái)說(shuō)，無(wú)論你選擇的是哪種框架或后端語(yǔ)言，都需要大量使用HTML（超文本標(biāo)記語(yǔ)言）。

HTML標(biāo)題標(biāo)記

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

圖示

h的級(jí)別越小文字大小越小。

當(dāng)然了，這些文字標(biāo)題都是左對(duì)齊的。

其實(shí)在標(biāo)題標(biāo)記中還有重要的屬性！詳情見文章------

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

代碼

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

圖示

align標(biāo)記在----文章已經(jīng)有些許敘述，我們?cè)賮?lái)講講吧。

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

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