<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>
定義表标頭 <th>:th 的多少對應表格的列數
<th>第一列</th>
<th>第二列</th>
<th>第三列</th>
定義表格标題 <caption>:比如我們要給上面表格一個标題的話,我們就需要用到這個标簽屬性
<caption style="font-size: 20px;font-weight: bold;color: green;">數字表</caption>
動手小練習
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!