tft每日頭條

 > 生活

 > table表格怎麼添加相關服務器

table表格怎麼添加相關服務器

生活 更新时间:2024-08-13 01:07:30

<table>标簽定義HTML表格。關于table 我們需要認識它的一些内嵌标簽有:

<th>,定義表标頭,默認情況下标頭為粗體且居中。

<tr>,定義表格的每一行。

<td>,定義表格的數據單元格。

因為是表格,我們需要每一行的單元格都是一樣的數量,然後我們可以指定每個單元格的寬高。

簡單小實例:

<!DOCTYPE html> <html> <head>   <title>表格</title>   <style>     table{       /* border-collapse:collapse; */     }     td{       width: 100px;       height:50px;       text-align: center;     }   </style> </head>   <body>   <!-- cellpadding屬性設置表格邊框之間和表格單元格之間的間距,cellspacing屬性設置單元格中的信息四周的間距(兩者都是以像素為單位)-->   <table border="1" cellpadding="0" cellspacing="0">     <tr>       <td>1</td>       <td>2</td>       <td>3</td>     </tr>     <tr>       <td>4</td>       <td>5</td>       <td>6</td>     </tr>     <tr>       <td>7</td>       <td>8</td>       <td>9</td>     </tr>   </table> </body> </html>


table表格怎麼添加相關服務器(表格table)1

定義表标頭 <th>:th 的多少對應表格的列數

<th>第一列</th> <th>第二列</th> <th>第三列</th>


table表格怎麼添加相關服務器(表格table)2


定義表格标題 <caption>:比如我們要給上面表格一個标題的話,我們就需要用到這個标簽屬性

<caption style="font-size: 20px;font-weight: bold;color: green;">數字表</caption>


table表格怎麼添加相關服務器(表格table)3


動手小練習

  1. 編寫一個5*5的表格
  2. 在第一個簡單表格的基礎上,給表格添加一個标題(設置顔色,定義字體大小,粗細等樣式)
,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved