今天教大家如何在網頁上添加表格

表格優點：整理數據 數據分析

1HTML 表格語法

<tableborder="1">

<tr>

<td>row 1, cell 1</td>

<td>row 1, cell 2</td>

</tr>

<tr>

<td>row 2, cell 1</td>

<td>row 2, cell 2</td>

</tr>

</table>

效果圖：

table就是基本的最外層格式，接下來tr管理表格的每一行，td負責分割每一行，相互配合。

其中border="1"負責給文本加邊框

th負責表頭，看下面的例子

<tableborder="1">

<tr>

<th>Header 1</th>

<th>Header 2</th>

</tr>

<tr>

<td>row 1, cell 1</td>

<td>row 1, cell 2</td>

</tr>

<tr>

<td>row 2, cell 1</td>

<td>row 2, cell 2</td>

</tr>

</table>

效果圖

然後看看怎麼合併單元格，橫著合併

<table border="1">

<tr>

<th>Name</th>

<th colspan="2">Telephone</th>

</tr>

<tr>

<td>Bill Gates</td>

<td>555 77 854</td>

<td>555 77 855</td>

</tr>

</table>

豎著合併單元格

<table border="1">

<tr>

<th>First Name:</th>

<td>Bill Gates</td>

</tr>

<tr>

<th rowspan="2">Telephone:</th>

<td>555 77 854</td>

</tr>

<tr>

<td>555 77 855</td>

</tr>

</table>

是不是很簡單呢？

推薦閱讀：