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 PHP:& 符號用於做變數引用傳遞給函數(function) 📆 2022-01-28 📁 網站技術, PHP instascan:純前端掃描 QR Code 📆 2019-09-26 📁 網站技術, JavaScript, jQuery OBS:新增日期與時間至錄影或串流中 📆 2019-08-21 📁 軟體應用, 多媒體, 網路應用, 網站技術, CSS, JavaScript, 串流錄製 PHP:瀏覽次數原碼 📆 2013-01-01 📁 網站技術, PHP ColorDrop:CSS配色靈感、調色板、平面顏色 📆 2017-12-10 📁 網路應用, 網站技術, CSS 「靜態網頁」與「動態網頁」 📆 2015-01-08 📁 網站技術 Classic Widgets(WordPress 外掛):停用升級 5.8 後的小工具區塊編輯器 📆 2021-07-29 📁 網站技術, 架站程式, WordPress cPanel:備份 📆 2016-07-11 📁 網站技術, 伺服器 《上一篇》JavaScript「alert()」提示視窗的使用 《下一篇》CSS3「border-radius」基礎圓角製作教學
留言區 / Comments
萌芽論壇