![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
天蓬老师Correction status：qualified
Teacher's comments：很好
Collection
Collection
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><!--在新窗口打开--><a href="https://www.php.cn/" target="_block">php中文网</a><!--在本窗口打开--><a href="https://www.php.cn/" target="_self">php中文网</a><!--网页解析不了的会进行下载--><a href="0403.zip" target="_block" download="md文件下载">md下载</a><!--用a链接来转接电话（有电话插件）--><a href="tei:12345678911">咨询热线</a><!--用a链接来发送邮箱（有邮箱插件)--><a href="mailto:123456789@qq.com">邮箱咨询</a><!--用a链接设置锚点--><a href="#anchor">跳转到当前页的锚点</a><h3 id="anchor" style="margin-top: 1000xp;">锚点</h3></body></html>
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><!-- 无序列表 --><h1>我的朋友</h1><ul><li>张三</li><li>李四</li><li>王五</li></ul><hr><!-- 有序列表 --><ol><h1>出名的动漫</h1><li>刀剑神域</li><li>overlord</li><li>紫罗兰永恒花园</li></ol><hr><!-- 自定义列表 --><dl><dt>HTML</dt><dd>超文本标记语言</dd><dt>css</dt><dd>层叠样式表</dd><dt>javascript</dt><dd>前端脚本通用语言</dd></dl></body></html>
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=\, initial-scale=1.0"><title>Document</title></head><body><!--表格--><table border="1" cellpadding="9" cellspacing="0" width="85%" height="200" align="center"><colgroup bgcolor="lightpink"><col><col bgcolor="lightgreen"><col bgcolor="yellow" span="2"><col><col></colgroup><caption style="font-size: 20px;margin-bottom: 10px;">《刀剑神域》人物列表</caption><thead><tr bgcolor="lightblue"><th>派别</th><th>姓名</th><th>真实名字</th><th>性别</th><th>性格</th><th>其他</th></tr></thead><tbody><tr><td rowspan="5">正义派</td><td>桐人</td><td>桐谷和人</td><td>男</td><td>勇敢 坚强 正义</td><td>男主 亚丝娜的cp 结衣的父亲</td></tr><tr><td>亚丝娜</td><td>结城明日奈</td><td>女</td><td>善良 坦率 文静</td><td>女主 桐人的cp 结衣的母亲</td></tr><tr><td>结衣</td><td>未知</td><td>女</td><td>善良 萌</td><td>负责维护玩家精神健康咨询的AI，后来成为男女主的第一个女儿</td></tr><tr><td>幸</td><td>未知</td><td>女</td><td>温和 善良</td><td>第一个喜欢男主的女生，不料早逝</td></tr><tr><td>莉法</td><td>桐谷直叶</td><td>女</td><td>温和 亲切</td><td>男主的妹妹，《妖精之舞》游戏中女主</td></tr></tbody><tbody><tr><td rowspan="2">反派</td><td>克拉帝尔</td><td>未知</td><td>男</td><td>邪恶，丧心病狂 阴险</td><td>微笑棺木的成员，曾在一次任务中想把男主处死</td></tr><tr><td>精灵王•奥伯龙</td><td>须乡伸之</td><td>男</td><td>变态 人渣 阴险狡诈</td><td>平时伪装成和善的青年，本性却是利己主义的野心家</td></tr></tbody><tfoot><tr bgcolor="wheat"><td>备注</td><td colspan="5" align="center">刀剑赛高!</td></tr></tfoot></table></body></html>
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><h2></h2><form action=""><section><label for="username">用户名：</label><input type="text" id="username" name="username" placeholder="不少于8位" required autofocus maxlength="20"/></section><section><label for="password">密码：</label><input type="password" id="password" name="password" placeholder="不少于6位" required size="10"/></section><!-- 单选框 --><section><label for="secret" >性别</label><div class="box"><input type="radio" name="gender" id="male" value="male"/><label for="male">男</label></div><div class="box"><input type="radio" name="gender" id="female" value="female"/><label for="female">女</label><div class="box"><input type="radio" name="gender" id="secret" value="secret" checked/><label for="secret">保密</label></div></div></section><!-- 复选框 --><section><label for="drogremme">兴趣</label><div class="box"><input type="checkbox" name="" id="game" value="game" checked><label for="">游戏</label><input type="checkbox" name="" id="travel" value="travel"><label for="">旅游</label><input type="checkbox" name="" id="shoot" value="shoot"><label for="">动漫</label><input type="checkbox" name="" id="progremme" value="grogremme" checked><label for="">编程</label></div></section></form></body></html>
