0403作业
a链接元素
<!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>
