HTML田字格是網頁設計和開發中常用的一種工具,用于布局和擺放元素,它由表格標簽和CSS樣式組成。
<table class="grid"> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </table> .grid { border: 1px solid black; border-collapse: collapse; } td { width: 25px; height: 25px; border: 1px solid black; }
以上代碼為一個4x4的田字格布局,其中table標簽創建一個表格,tr標簽創建表格行,td標簽創建表格單元格。CSS樣式定義了表格的邊框、單元格的寬高和邊框。
使用HTML田字格可以方便地進行布局和對齊,是Web開發中必不可少的一種技術。