表格 (Table)
HTML 的 <table>
用來顯示表格資料。
<tr>
:表格的列 (row)
<th>
:表頭 (header)
<td>
:儲存格 (data cell)
範例:
<h2>學生成績表</h2>
<table border="1">
<tr>
<th>姓名</th>
<th>數學</th>
<th>英文</th>
</tr>
<tr>
<td>Sunny</td>
<td>90</td>
<td>85</td>
</tr>
<tr>
<td>小明</td>
<td>78</td>
<td>88</td>
</tr>
</table>
表單 (Form)
<form>
用來收集使用者輸入。
<input>
:輸入框
<textarea>
:多行文字
<button>
:按鈕
🔹小練習
<h2>註冊表單</h2>
<form>
姓名:<input type="text" name="username"><br><br>
密碼:<input type="password" name="password"><br><br>
性別:
<input type="radio" name="gender" value="male"> 男
<input type="radio" name="gender" value="female"> 女 <br><br>
興趣:
<input type="checkbox" name="hobby" value="music"> 音樂
<input type="checkbox" name="hobby" value="dance"> 跳舞 <br><br>
<button type="submit">送出</button>
</form>