ホームページ > 記事 > ウェブフロントエンド > HTMLテーブルのパーティションとグループ化の制御
HTMLテーブルのパーティションとグループ化の制御
- 无忌哥哥オリジナル
- 2018-06-29 10:05:254343ブラウズ
1. テーブルのパーティショニングでは、主に ae20bdd317918ca68efdc799512a9b3992cee25da80fac49f6fb6eec5fd2c22a06669983c3badb677f993a8c29d18845 を使用して、テーブルを head、body、tail の 3 つの部分に分割します。 2. 3 つのテーブル パーティション ラベル自体には何もありません。スタイルは単なるブロック分割マークです
テーブルを分割するだけでなく、列ごとにグループ化することもできるので、素早く設定でき効率が向上します
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格的分区与分组控制</title> </head> <body> <table border="1" cellspacing="0" cellpadding="5" align="center" width="80%"> <caption><h3>岛国明星TOP50排行榜</h3></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テーブルのパーティションとグループ化の制御の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTML テーブルの基本プロパティ次の記事：HTML テーブルの基本プロパティ