1.表单
有序列表
<ol>
<li>牛奶</li>
<li>面包</li>
<li>可乐</li>
</ol>
无序列表
<ul>
<li>洗发水</li>
<li>沐浴露</li>
<li>洗面奶</li>
</ul>
自定义列表
<dl>
<dt>电脑:</dt>
<dd>MacBook</dd>
<dt>手机:</dt>
<dd>iPhone11</dd>
<dt>平板:</dt>
<dd>iPad</dd>
<dt>电话:</dt>
<dd>手机号:<a href="tel:120">120</a></dd>
<dd>邮箱号:<a href="mailto:120@163.com">120@163.com</a></dd>
</dl>
2.表单
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>表单</title>
<link rel="stylesheet" href="style/form.css">
</head>
<body>
<h3 class="title">用户注册</h3>
<!-- action处理表单的脚本,method表单的提交类型 -->
<form action="" method="POST" class="register" enctype="multipart/form-data">
<label for="usernam">账号:</label>
<input type="text" id="username" name="username" value="" placeholder="用户名" required>
<label for="usernam">邮箱:</label>
<input type="email" id="emali"" name="emali" value="" placeholder="@.com" required>
<label for="usernam">密码:</label>
<input type="password"" id="password"" name="password" value="" placeholder="不少于6位" required>
<label for="female">性别:</label>
<div>
<input type="radio" name="gender" value="male" id="male" checked><label for="male">男</label>
<input type="radio" name="gender" value="female" id="female"><label for="female">女</label>
</div>
<label for="#">兴趣:</label>
<div>
<input type="checkbox" name="hobby[]" value="game" id="game"><label for="game">游戏</label>
<input type="checkbox" name="hobby[]" value="book" id="book" checked><label for="book">看书</label>
<input type="checkbox" name="hobby[]" value="photo" id="photo" checked><label for="photo">摄影</label>
</div>
<label for="">学历</label>
<select name="edu" id="edu">
<option value="1">初中</option>
<option value="2">高中</option>
<option value="3">大学</option>
<option value="4">研究生</option>
</select>
<button>提交</button>
</form>
</body>
</html>
3.表格
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>课程表</title>
<link rel="stylesheet" href="style/table.css">
</head>
<body>
<table class="lesson">
<caption>课程表</caption>
<thead>
<tr>
<th colspan="2"></th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="4">上午</td>
<td>一</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>体育</td>
<td>美术</td>
</tr>
<tr>
<td>二</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>体育</td>
<td>美术</td>
</tr>
<tr>
<td>三</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>体育</td>
<td>美术</td>
</tr>
<tr>
<td>四</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>体育</td>
<td>美术</td>
</tr>
<tr>
<td colspan="7">课间休息</td>
</tr>
<tr>
<td rowspan="4">下午</td>
<td>五</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>体育</td>
<td>美术</td>
</tr>
<tr>
<td>六</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>体育</td>
<td>美术</td>
</tr>
<tr>
<td>七</td>
<td>课外活动</td>
<td colspan="4"></td>
</tr>
</tbody>
</table>
</body>
</html>