iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 15
0
Modern Web

淺談web系列 第 15

鐵人賽DAY15-HTML(三)

  • 分享至 

  • xImage
  •  

一、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
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言