html里table有什么用

這篇文章主要介紹html里table有什么用，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

為茌平等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及茌平網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站建設(shè)、網(wǎng)站制作、茌平網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

HTML中的table標(biāo)簽是用來定義表格的，它與一個(gè)或者多個(gè)tr，th，td元素共同構(gòu)成html表格，在table表格里可以給它設(shè)置邊框以及間距等

在HTML中可以通過table標(biāo)簽用于定義html表格，接下來在文章中將為大家具體介紹table標(biāo)簽，具有一定的參考作用希望對(duì)大家有所幫助。

html里table有什么用

簡(jiǎn)單的HTML表格是由table標(biāo)簽以及一個(gè)或者多個(gè)tr，th，td元素組成。

table標(biāo)簽

table標(biāo)簽可以定義簡(jiǎn)單的表格，它主要是用來控制表格的外邊框的，它擁有margin屬性主要是設(shè)置表格的外邊距。border屬性用于設(shè)置表格的邊框以及cellspacing屬性用于規(guī)定單元格之間的空白

tr部分：

tr是主要用來來分割表格中有幾行，一般只需要用來設(shè)定heigth

td部分：

td是用來控制每個(gè)單元格的屬性，可是分別控制每個(gè)單元格的上下左右邊框，其中也包含padding屬性。

th部分：

th的用法與td的用法相同，只是它是用來區(qū)分表頭的。

注意：在表格中國使用百分比和使用像素為單位是相同的

例：

<table border="1px solid #ccc">
        <h5>創(chuàng)新互聯(lián)</h5>
     <tr>
        <td>教程</td>
        <td>教程地址</td>
   </tr>
   <tr>
        <td>php教程</td>
        <td>http://www.php.cn</td>
          
   </tr>
   <tr>
        <td>html教程</td>
        <td>http://www.php.cn</td>
            
    </tr>
    </table>

表格的跨行與跨列處理

我們也可以通過設(shè)置單元格的 colspan 屬性使其跨列合并，也可以設(shè)置單元格的rowspan 屬性使其跨行合并，如下所示

單元格跨兩列

 <tr>
        <td colspan="2">php教程</td>
        <td>http://www.php.cn</td>
          
   </tr>
   <tr>
        <td colspan="2">html教程</td>
        <td>http://www.php.cn</td>
            
    </tr>
     <tr>
        <td colspan="2">css教程</td>
        <td>http://www.php.cn</td>    
   </tr>

單元格跨兩行

 <tr>
        <td  rowspan="2">教程</td>
        <td>教程地址</td>
   </tr>

邊框設(shè)置

在默認(rèn)情況下 table 是沒有邊框的，只有為 table標(biāo)簽設(shè)置 border 屬性后才會(huì)顯示邊框，但這種邊框因?yàn)橛虚g距所以看上去是比較難看的，因此我們可以通過collapse屬性來去除邊框間距

例：

<table border="1" style="border-collapse:collapse">
 </table>

以上是“html里table有什么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

名稱欄目：html里table有什么用
文章鏈接：http://bm7419.com/article48/pciihp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、網(wǎng)站建設(shè)、Google、面包屑導(dǎo)航、網(wǎng)頁設(shè)計(jì)公司、網(wǎng)站排名

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容