iT邦幫忙

第 11 屆 iT 邦幫忙鐵人賽

DAY 15
0
Modern Web

淺談web系列 第 15

鐵人賽DAY15-HTML(三)

一、HTML表格
在表格中「行」用<tr>元素來定義,「該列的標題」用<th>元素來定義,而「表格內的資料」用<td>元素來定義,範例如下:

二、HTML表格樣式
表格可以利用圖(一)的語法來設定圖(二)的邊框的樣式,也可以透過外加border-collapse: collapse;的程式碼(圖(三)),將圖(二)的樣式改變成圖(四)的樣式。

透過程式碼text-align: left;、text-align: right;、text-align: center;可以分別設置表格中的內容靠左、靠右、置中,例如:

透過程式碼rowspan="合併列數"、colspan="合併行數",可以分別合併任一列數及行數的表格,例如:

參考資料:
1.https://www.w3schools.com/html/html_tables.asp


上一篇
鐵人賽DAY14-HTML(二)
下一篇
鐵人賽DAY16-HTML(四)
系列文
淺談web30

尚未有邦友留言

立即登入留言