![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Correction status：unqualified
Teacher's comments：全部写完一起提交, 把当天作业写到同一个博客中提交, 以便于核对
Collection
Collection
作业1：
html标签是网页的最基本单位，如:div标签
元素：从开始标签到结束标签的所有代码：如：<p>php中文网</p>称为p元素
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息
作业2：
有序列表：有序列表是一列项目，列表项目使用数字进行标记
无序列表：无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
定义列表：自定义列表不仅仅是一列项目，而是项目及其注释的组合。
作业3：
列表一般用来做导航
网页中的表格一般是用表格table做的
作业4：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<ul>
<li>规划项目</li>
<li>写技术文档</li>
<li>给技术伙伴安排工作</li>
<li>共同努力，一同完成</li>
</ul>
<ol>
<li>规划项目</li>
<li>写技术文档</li>
<li>给技术伙伴安排工作</li>
<li>共同努力，一同完成</li>
</ol>
<dl>
<dt>领导</dt>
<dd>布置工作</dd>
<dt>员工</dt>
<dd>执行工作</dd>
</dl>
</body>
</html>
作业5：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="5" width="300" height="400">
<caption>商品清单</caption>
<tr>
<th>采购人</th>
<th>类别</th>
<th>数量</th>
<th>单价</th>
<th>金额</th>
</tr>
<tr>
<td rowspan="4">xx</td>
<td>苹果</td>
<td>2</td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>桔子</td>
<td>4</td>
<td>3</td>
<td>12</td>
</tr>
<tr>
<td>香蕉</td>
<td>4</td>
<td>2</td>
<td>8</td>
</tr>
<tr>
<td>橙子</td>
<td>3</td>
<td>2</td>
<td>6</td>
</tr>
<tr>
<td colspan="4">合计：</td>
<td>28</td>
</tr>
</table>
</body>
</html>
作业6：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<form action="register.php" method="POST">
<p>
<label for="username">姓名：</label>
<input type="text" name="username" id="username" placeholder="姓名">
</p>
<p>
<label for="password">密码：</label>
<input type="password" name="password" id="password" placeholder="密码：">
</p>
<p>
<label for="email">邮箱：</label>
<input type="email" name="email" id="email" placeholder="邮箱：">
</p>
<p>
<label for="age">年龄：</label>
<input type="number" name="number" id="age" placeholder="年龄：">
</p>
<p>
性别：
<input type="radio" name="sex" id="man" checked><label for="man">男</label>
<input type="radio" name="sex" id="woman"><label for="woman">女</label>
</p>
<p>
爱好：
<input type="checkbox" name="hobby" id="swim" checked><label for="swim">游泳</label>
<input type="checkbox" name="hobby" id="basketball"><label for="basketball">打篮球</label>
<input type="checkbox" name="hobby" id="run"><label for="run">跑步</label>
</p>
<p>
<input type="submit" value="提交">
</p>
</form>
</body>
</html>
