表格練習(xí)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="#">
<table border="1px" cellspacing="0px" width="40%">
<tr>
<td width="50%">性質(zhì)</td>
<td ><input type="radio" name="cate">個(gè)人</input>
<input type="radio" name="cate"> 公司</input>
</td>
</tr>
<tr>
<td>愛(ài)好</td>
<td ><input type="checkbox" name="hobby" value="">籃球</input>
<input type="checkbox" name="hobby" value=""> 足球</input>
<input type="checkbox" name="hobby" value=""> 游戲</input>
<input type="checkbox" name="hobby" value=""> 代碼</input>
</tr>
<tr>
<td align="right">昵稱:</td>
<td> <input type="text"/> </td>
</tr>
<tr>
<td align="right">密碼:</td>
<td> <input type="password"/></td>
</tr>
<tr>
<td align="right">確認(rèn)密碼:</td>
<td> <input type="password"/></td>
</tr>
<tr>
<td align="right">電子郵箱:</td>
<td><input type="email"/> </td>
</tr>
<tr>
<td align="right">單位(個(gè)人)名稱:</td>
<td><input type="text"/></td>
</tr>
<tr>
<td align="right">上傳頭像:</td>
<td><input type="file"/></td>
</tr>
<tr>
<td align="right">所屬國(guó)家:</td>
<td><select name="country">
<option value="">請(qǐng)選擇</option>
<option value="1">中國(guó)</option>
<option value="2">瓦坎達(dá)</option>
<option value="3">法國(guó)</option>
</select>
</td>
</tr>
<tr>
<td align="right">所屬省份:</td>
<td></td>
</tr>
<tr>
<td align="right">所屬城市:</td>
<td><input type=""/></td>
</tr>
<tr>
<td align="right">手機(jī):</td>
<td><input type="tel" name="tel"/></td>
</tr>
<tr>
<td align="right">固定電話:</td>
<td><input type="text" name="phone"></td>
</tr>
<tr>
<td align="right">想要留言:</td>
<td><textarea cols="60" rows="5"></textarea></td>
</tr>
<tr>
<td ><input type="submit"></td>
<td><input type="reset"/></td>
</tr>
</table>
</form>
</body>
</html>
行合并練習(xí)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table border="1px" cellspacing="0px" cellpadding="0px" width="400">
<tfoot>
<tr>
<td>2222</td>
<td>2222</td>
<td>2222</td>
<td>2222</td>
<td>2222</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>3333</td>
<td colspan="3" rowspan="2">3333</td>
<td>3333</td>
</tr>
<tr>
<td>1111</td>
<td>1111</td>
</tr>
</tbody>
<thead>
<tr>
<td>0000</td>
<td>0000</td>
<td>0000</td>
<td>0000</td>
<td>0000</td>
</tr>
</thead>
</table>
</body>
</html>
06-視頻
<body>
<video width="320" height="240" controls>
<source src="../images/movie.mp4" type="audio/mp4">
</body>