HTML5代碼可以通過輕松編寫,創建出漂亮而有效的網頁。在本文中,我們將展示如何使用HTML5代碼創建一個簡單的課程表。為了更好的呈現代碼,我們將使用pre標簽。
<table> <thead> <tr> <th>時間\日期</th> <th>周一</th> <th>周二</th> <th>周三</th> <th>周四</th> <th>周五</th> </tr> </thead> <tbody> <tr> <td>8:00-9:00</td> <td>數學</td> <td>語文</td> <td>英語</td> <td>歷史</td> <td>音樂</td> </tr> <tr> <td>9:00-10:00</td> <td>數學</td> <td>地理</td> <td>英語</td> <td>政治</td> <td>美術</td> </tr> <tr> <td>10:15-11:15</td> <td>物理</td> <td>語文</td> <td>英語</td> <td>化學</td> <td>音樂</td> </tr> <tr> <td>11:15-12:15</td> <td>物理</td> <td>歷史</td> <td>英語</td> <td>政治</td> <td>美術</td> </tr> </tbody> </table>
此代碼使用了table標簽來創建一個表格。包含thead標簽和tbody標簽。thead標簽用于包含表格的標題或列名,而tbody標簽則用于包含表格的實際數據。在此代碼中,我們創建了一個包含6列的表格 — 時間/日期和周一到周五的課程安排。我們使用tr標簽來創建表格的行數,并使用th和td標簽來創建表格的列。th標簽用于定義表格的標題,而td標簽則用于定義表格的數據。
HTML5代碼可以輕松地創建有效和美觀的網頁。使用類似于本文所示的代碼,您可以創建出任何形式的表格。快來試試吧!
下一篇html5代碼實例掃雷