溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇“html表格分區與分組控制的示例”文章，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要參考一下，對于“html表格分區與分組控制的示例”，小編整理了以下知識點，請大家跟著小編的步伐一步一步的慢慢理解，接下來就讓我們進入主題吧。
1、簡易性：超級文本標記語言版本升級采用超集方式，從而更加靈活方便，適合初學前端開發者使用。 2、可擴展性：超級文本標記語言的廣泛應用帶來了加強功能，增加標識符等要求，超級文本標記語言采取子類元素的方式，為系統擴展帶來保證。 3、平臺無關性：超級文本標記語言能夠在廣泛的平臺上使用，這也是萬維網盛行的一個原因。 4、通用性：HTML是網絡的通用語言，它允許網頁制作人建立文本與圖片相結合的復雜頁面，這些頁面可以被網上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。
1. 表格的分區主要用<thead><tbody><tfoot>將表格分為頭部，主體，尾部三分部
2. 這三個表格分區標簽本身沒有任何樣式,僅僅是一個區塊劃分標記罷了
除了可以對表格進行分區控制外,還可以對每一列進行分組,這樣可以快速的進行設置,提高效率
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格的分區與分組控制</title> </head> <body> <table border="1" cellspacing="0" cellpadding="5" align="center" width="80%"> <caption><h4>島國明星TOP50排行榜</h4></caption> <!-- 對每一列進行分組控制 --> <!-- <colgroup>:可以對一列進行整體控制,但能用的屬性非常有限,通常要配合css才能發揮作用 --> <!-- <col>標簽可對分到一組的每一列進行更加精準的控制 --> <colgroup span="1" bgcolor="lightgreen"></colgroup> <colgroup span="1" bgcolor="lightgreen"></colgroup> <colgroup span="2" bgcolor="lightyellow"> <!-- 對第三列單獨控制 --> <col bgcolor="lightgray"> <col> </colgroup> <colgroup span="2" bgcolor="cyan"></colgroup> <thead> <!-- bgcolor可以設置行或單元格的背景顏色 --> <tr bgcolor="skyblue"> <!-- <th>標簽內部文本默認會加粗居中顯示,非常適合做表頭 --> <th>ID</th> <th>姓名</th> <th>腰圍</th> <th>腰圍</th> <th>臀圍</th> </tr> <tr> <td align="center">01</td> <td align="center">波多野結衣</td> <td align="center">88</td> <td align="center">59</td> <td align="center">85</td> </tr> <tr> <td align="center">02</td> <td align="center">小澤瑪利亞</td> <td align="center">90</td> <td align="center">60</td> <td align="center">85</td> </tr> <tr> <td align="center">03</td> <td align="center">淺川梨奈</td> <td align="center">87</td> <td align="center">61</td> <td align="center">88</td> </tr> <tr> <td align="center">04</td> <td align="center">深田恭子</td> <td align="center">86</td> <td align="center">62</td> <td align="center">88</td> </tr> <tr> <td align="center">05</td> <td align="center">蒼老師</td> <td align="center">88</td> <td align="center">68</td> <td align="center">90</td> </tr> </tbody> <!-- tfoot:表格底部,目前暫時無內容,保持空即可 --> <tfoot> </tfoot> </table> <p align="center"> <a href="">首頁</a> <a href="">上一頁</a> <a href="">1</a> <a href="">2</a> <a href="">3</a> <a href="">...</a> <a href="">下一頁</a> <a href="">尾頁</a> </p> </body> </html>
以上是“html表格分區與分組控制的示例”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
