HTML做個(gè)簡單的表格。如下參考:
1、首先新建一個(gè)html,點(diǎn)擊<body></body>中間,先填入表格內(nèi)容:
2、內(nèi)容可根據(jù)要求編寫,示例代碼如下:
<table>
<p>功課表</p>
<tr>
<th>語文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>數(shù)學(xué)</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、樣式也可以根據(jù)個(gè)人需要設(shè)置,設(shè)置單元格的寬度高度,合并單元格,位置,顏色等,示例代碼如下:
<styletype="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的意思是表”的含義是將表邊框合并為單個(gè)邊框以合并相鄰的更改。
6、預(yù)覽結(jié)果如下圖所示,一個(gè)制作簡單的HTML表格。