怎樣在html頁面中制作一個簡單的表格?
HTML做個簡單的表格。如下參考:
1、首先新建一個html,點擊<body></body>中間,先填入表格內容:
2、內容可根據要求編寫,示例代碼如下:
<table>
<p style="text-align:center ">功課表</p>
<tr>
<th>語文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>數學</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>英文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
</table>
3、然后在<head></head>中間輸入樣式表的樣式,如下圖:
4、樣式也可以根據個人需要設置,設置單元格的寬度高度,合并單元格,位置,顏色等,示例代碼如下:
<style type="text/css">
body
{
width:340px;
height:800px;
}
table
{
border-collapse:collapse;
}
th,td
{
width:100px;
height:40px;
border:1pxsolidblack;
font-size:12px;
text-align:center;
}
</style>
5、注意,此代碼“table的意思是表”的含義是將表邊框合并為單個邊框以合并相鄰的更改。
6、預覽結果如下圖所示,一個制作簡單的HTML表格。