iT邦幫忙

2023 iThome 鐵人賽

DAY 3
0

除了昨天所提到的外,HTML也能使用表格來排版,基本能使用<ul></ul>標籤以及<ol></ol>標籤再與<li></li>標籤來搭配使用:

<ul>
   <li>文字</li>
</ul>

<ol>
   <li>文字</li>
</ol>

使用<ul></ul>標籤會在文字前有一顆黑點幫助排序,使用<ol></ol>標籤則是使用數字排序,在ol後面加上type=”A”可以變成大寫字母排序,a可以變成小寫字母,i跟I可以變成大寫以及小寫的羅馬數字做排序。
<table></table>標籤可以用來建立表格,<tr></tr>標籤用來定義表格有幾個橫列<td></td>則是在<tr></tr>內,用來定義表格有幾個直行例如:
https://ithelp.ithome.com.tw/upload/images/20230918/20162857qrGQoT7bTu.png

打開瀏覽器後在瀏覽器上會顯示:
https://ithelp.ithome.com.tw/upload/images/20230918/20162857ULEtSf4lnG.png
在table後面加width=”大小”可以控制表格的大小,讓表格能夠看起來更加舒暢。
除此之外,我們可以在td後加入rowspan以及colspan來合併儲存格,例如,colspan 是用來水平合併多行的儲存格,rowspan 則用來垂直合併多列的儲存格,而rowspan="0"是儲存格從這一列開始合併到最後一列,因此可以根據你所需要的目的,來製作工整的表格方便觀看。


上一篇
網頁學習30天 day2
下一篇
網頁學習30天 day4
系列文
網頁學習30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言