html综合练习
此注册页面：1. 含有表格标签，让内容更加排列整齐 2. 列表标签 3. 表单标签
第一步是先去分析要做的页面，分几块，表格分几行，每行有几个单元格，在单元格里嵌套其他标签
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>综合练习HTML</title>
</head>
<body>
<h4>相亲网站</h4>
<table width="600" border="1">
<tr>
<td>性别：</td>
<td>
<input type="radio" name="sex" value="nan" id="aa"><label for="aa"><img src="../imagine/sa.jpg">男</label>
<input type="radio" name="sex" value="nv" id="ss"><label id="ss"><img src="../imagine/sa.jpg">女</label>
</td>
</tr>
<tr>
<td>生日</td>
<td>
<select>
<option>--请选择年--</option>
<option>2002</option>
<option>2001</option>
<option>2000</option>
</select>
<select>
<option>--请选择月--</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<select>
<option>--请选择日--</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select>
</td>
</tr>
<tr>
<td>所在的地区</td>
<td><input type="text" value="俺来自山东"></td>
</tr>
<tr>
<td>喜欢的类型</td>
<td>
<input type="checkbox" name="love">可爱
<input type="checkbox" name="love">呆萌
<input type="checkbox" name="love">有趣
<input type="checkbox" name="love">博学
</td>
</tr>
<tr>
<td>自我介绍</td>
<td>
<textarea>
请开始你的自我介绍：
</textarea>
</td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="免费注册">
</td>
</tr>
<tr>
<td></td>
<td>
<input type="checkbox" checked>我同意注册协议
</td>
</tr>
<tr>
<td></td>
<td><a href="#">我是会员，立即登录</a></td>
</tr>
<tr>
<td></td>
<td>
<h5>我承诺：</h5>
<ul>
<li>单身</li>
<li>严肃</li>
<li>认真</li>
</ul>
</td>
</tr>
</table>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 25岁的心里话
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 按钮权限的设计及实现