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:顯示錯誤資訊 📆 2021-11-04 📁 網站技術, 資訊安全, PHP PHP:運用 PDO 連線取得 MySQL 資料並建立 CSV 下載點 📆 2021-10-20 📁 網站技術, 資料庫, PHP Git 版本控制:「.gitignore」是讓你忽略某些檔案、目錄的設定檔! 📆 2019-10-02 📁 軟體應用, 網站技術, 程式設計 Brackets 擴充功能「Beautify & Indent Guides」:自動縮排美化與縮排層次標記 📆 2018-09-20 📁 軟體應用, 網站技術 JSP:nxn 乘法表(nxn_multiplication_table.jsp) 📆 2019-03-27 📁 網站技術, HTML, JSP Google AdSense:相符內容廣告,增加收益 📆 2016-11-17 📁 網站技術 HTML button 將按鈕做成連結 📆 2021-10-20 📁 網站技術, HTML 【技巧】網站設計必要元素:導航 📆 2013-11-16 📁 網站技術 《上一篇》JavaScript「alert()」提示視窗的使用 《下一篇》CSS3「border-radius」基礎圓角製作教學
留言區 / Comments
萌芽論壇