HTML做個簡單的表格。如下參考:
2、內容可根據要求編寫,示例程式碼如下:
<table>
<p>功課表</p>
<tr>
<th>語文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<th>數學</th>
<th>英文</th>
</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表格。
HTML做個簡單的表格。如下參考:
2、內容可根據要求編寫,示例程式碼如下:
<table>
<p>功課表</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表格。