HTML中的表格制作?
1、首先新建一個(gè)html,點(diǎn)擊<body></body>中間,先填入表格內(nèi)容;
2、內(nèi)容根據(jù)需求來(lái)寫即可,示例代碼如下:
<table>
<p style="text-align:center ">功課表</p>
<tr>
<th>語(yǔ)文</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è)人的需求來(lái)設(shè)置即可,設(shè)置單元格的寬度高度,合并單元格,位置,顏色等等,示例代碼如下:
<style type="text/css">
body
{
width:340px;
height :800px;
}
table
{
border-collapse :collapse ;
}
th,td
{
width:100px;
height:40px;
border :1px solid black;
font-size:12px;
text-align :center;
}
</style>
5、這里需要注意這個(gè)代碼“table”的意義是將表格邊框合并為單一的邊框,將相鄰變合并。
6、預(yù)覽結(jié)果如下所示,一個(gè)簡(jiǎn)單的表格就制作出來(lái)了。