html怎麼做表格

html做表格的方法：先新建一個html，在「」中間填入表格內容；然後在「」中間輸入樣式表的樣式；最後設定儲存格的寬度高度等等樣式即可。

本文操作環境：Windows7系統、HTML5&&CSS3版，DELL G3電腦

html做表格的步驟如下：

1、先新建一個html，點選

中間，先填入表格內容；

##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、然後在中間輸入樣式表的樣式；

4、樣式也根據個人的需求來設定即可，設定儲存格的寬度高度，合併儲存格，位置，顏色等等，範例程式碼如下：

<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、這裡要注意這個程式碼「table」的意義是將表格邊框合併為單一的邊框，將相鄰變合併。

6、預覽結果如下所示，一個簡單的表格就製作出來了。

推薦學習：《

HTML影片教學》《css影片教學》
#

以上是html怎麼做表格的詳細內容。更多資訊請關注PHP中文網其他相關文章！