HTML 有一個標籤相當常使用,那就是 <table>,我們真的常常需要在網站上放置表格呈現資料,有時候會想將表格內的儲存格(<th>,<td>)合併,HTML 就有提供兩個屬性,分別可以以列或行合併儲存格(<th>,<td>),也就是「colspan="數字"」或「rowspan="數字"」,數字填寫要合併的儲存格數量。範例中也特別將使用的屬性填至表格內供大家參考。 以下提供範例網頁原始碼的截圖與預覽結果: ▲示範截圖。 See the Pen 「合併儲存格」範例 - HTML - 萌芽の網頁設計實驗室 by Feng, Cheng-Chi (@qwe987299) on CodePen. ▲示範結果。 ✎ 參考資料 · References HTML <td> colspan Attribute(W3Schools) HTML <td> rowspan Attribute(W3Schools) 贊助廣告 ‧ Sponsor advertisements instascan:純前端掃描 QR Code 📆 2019-09-26 📁 網站技術, JavaScript, jQuery Pingendo:RWD 網頁設計軟體、模板網頁製作、拖拉設計網頁 📆 2018-09-29 📁 軟體介紹, 網站技術 w3big.com:最完整的線上網頁技術教學網站、全中文教學、自學網頁 📆 2018-01-20 📁 網路應用, 網站技術 phpfmt(Visual Studio Code 擴充功能):PHP 格式化/自動美化工具 📆 2019-06-15 📁 軟體應用, 網站技術, PHP HTML5視頻 📆 2013-01-01 📁 網站技術, HTML 純 CSS 做到網頁元素水平垂直置中、置中央 📆 2020-03-05 📁 網站技術, HTML, CSS HTML <a> download 屬性讓連結可直接執行下載 📆 2021-10-22 📁 網站技術, HTML 解決搜尋引擎蜘蛛導致主機資源滿載和網站掛掉的問題、.htaccess 擋壞蜘蛛 📆 2017-09-05 📁 網站技術, 伺服器 《上一篇》JavaScript「alert()」提示視窗的使用 《下一篇》CSS3「border-radius」基礎圓角製作教學
留言區 / Comments
萌芽論壇