在網頁設計中,表格是一種非常常見的元素。通過使用 HTML 代碼,你可以輕松創建一個漂亮的網頁表格。下面是一個簡單的 HTML 表格代碼示例:
<table> <tr> <th>姓名</th> <th>職業</th> <th>年齡</th> </tr> <tr> <td>小明</td> <td>學生</td> <td>18</td> </tr> <tr> <td>小紅</td> <td>教師</td> <td>30</td> </tr> </table>如你所見,這個表格由 HTML 的 table 元素構成,包含表頭和兩行數據。每行數據由 HTML 的 tr 元素包裹,每列數據由 HTML 的 td 元素包裹。表頭由 HTML 的 th 元素包裹。 要使表格看起來更美觀,你可以使用 CSS 樣式。例如,可以添加邊框和背景顏色等樣式。例如:
table { border: 1px solid black; border-collapse: collapse; background-color: #f2f2f2; } th, td { border: 1px solid black; padding: 8px; text-align: center; }上述 CSS 樣式會為表格添加邊框和背景顏色,并為表頭和單元格添加間距和居中文本。 通過 HTML 表格代碼和 CSS 樣式的運用,你可以創建出漂亮的表格,讓網站看起來更具吸引力。