<table border="1px" width="300px" cellspacing="0" height="200px">
<caption></caption>
<thead>
<tr>
<th colspan="2">用户注册</th>
</tr>
</thead>
<tbody>
<tr>
<td>用户名</td>
<td><input type="text"></td>
</tr>
<tr>
<td>密码</td>
<td><input type="text"></td>
</tr>
<tr>
<td>爱好</td>
<td><input type="checkbox" name="hobby">写作
<input type="checkbox" name="hobby">听音乐
<input type="checkbox" name="hobby">体育</br></td>
</tr>
<tr>
<td>省份</td>
<td><select name="shengfen" id="">
<option value="sx">陕西省</option>
<option value="hb">河北省</option>
<option value="js">江苏省</option>
<option value="sd">山东省</option>
</select>
</td>
</tr>
<tr>
<td>自我介绍</td>
<td><textarea name="" id="" cols="30" rows="10"></textarea></td>
</tr>
<tr>
<td colspan="2"><button>提交</button><button>重置</button></td>
</tr>
</tbody>
</table>
2023.11.15笔记
表格标签
1.<table>(表格)(加border=".." width=".." cellspacing="0"使间隙消失)<caption>...</caption>
<thead>(标题)
<tr>(第一行)
<th>..</th>(第一行内容)
</tr>
<tbody>
<tr>
<td>..</td>
</tr>
</thead>
<tfoot>(总计)
<tr>
<td>..</td>
</tr>
</tfoot>
</table>
2.align="left/right/center"使文字位置变换
valign(垂直)
3.<td colspan="2">合并2列
<td rowspan="2">合并2行
4.<iframe src="网址" frameboder="1"></iframe>
5.<dialog open>(可关闭对话框)
6.<details>..</details>(详情)
嵌套<summary>..</summary>
7.<div tabindex="0" content>
网站:developer.mozilla.org/wangdoc.com
css:层叠样式表
1.<head>上面加<style>...</style>
2.另外建个css文件<link rel="stylesheet" herf="..">
3.基本选择器:标签选择器(p类名),id选择器(#id),类选择器(.类名),通配符选择器()
4.包含选择器:子代选择器:.class名>
li{}
后代选择器:.class名 li{}
5.复合选择器:p,.box{}
6.属性选择器:input[type=".."]{..}