一、超链接_唤起指定应用
1.相关代码
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>超链接_唤起指定应用</title> </head> <body> <a href="tel:10010">电话联系</a> <a href="mailto:1234567@qq.com">邮件联系</a> <a href="sms:10086">短信联系</a> <!-- https://atguigu666.github.io/--> </body> </html>
2.显示结果
二、列表
1.相关代码
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>列表</title> <!-- 有序列表 （ordered list）<ol>--> <!-- 无序列表 （unordered list）<ul>--> <!-- 自定义列表 （Custom list）<dl>--> </head> <body> <!-- 有序列表：有顺序或侧重顺序的列表--> <h2>要把大象放冰箱总共分几步？</h2> <ol> <li>把冰箱门打开</li> <li>把大象放进去</li> <li>把冰箱门关上</li> <li> <!-- li标签最好写在ul或ol中，不要单独使用--> <a href="https://www.baidu.com">去百度</a> </li> </ol> <!-- <div>--> <!-- <div>1.把冰箱门打开</div>--> <!-- <div>2.把大象放进去</div>--> <!-- <div>3.把冰箱门关上</div>--> <!-- </div>--> <!-- 无序列表：无顺序或者不侧重顺序的列表--> <!-- 列表嵌套：列表中的某项内容，又包含一个列表（注意：嵌套时，请务必把结构写完整）--> <h2>我想去的几个城市</h2> <ul> <li>成都</li> <li>上海</li> <li> <span>深圳</span> <ul> <li>中兴</li> <li> <span>大疆</span> <ul> <li>无人机技术哪家强，中国深圳找大疆！</li> </ul> </li> <li>腾讯</li> <li>华为</li> <li>中国平安</li> </ul> </li> <li>西安</li> <li>武汉</li> </ul> <!-- 自定义列表：就是一个包含术语名称以及术语描述的列表--> <!-- 一个dl就是一个自定义列表，一个dt就是一个术语名称，一个dd就是术语描述（可以有多个）--> <h2>如何更好地学习</h2> <dl> <dt>做好笔记</dt> <dd>笔记是我们以后复习的一个工具</dd> <dd>笔记可以是电子版，也可以是纸质版</dd> <dt>多加练习</dt> <dd>只有敲出来的代码，才是自己的</dd> <dt>别怕出错</dt> <dd>错很正常的，改正后并记住，就是经验</dd> </dl> </body> </html>
2.显示结果
三、表格
1.相关代码
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>表格</title> </head> <body> <table border="1"> <!-- 表格标题--> <caption>学生信息</caption> <!-- 表格头部--> <thead> <tr> <th>姓名</th> <th>性别</th> <th>年龄</th> <th>民族</th> <th>政治面貌</th> </tr> </thead> <!-- 表格主题--> <tbody> <tr> <td>张三</td> <td>男</td> <td>18</td> <td>汉族</td> <td>团员</td> </tr> <tr> <td>李四</td> <td>女</td> <td>20</td> <td>满族</td> <td>群众</td> </tr> <tr> <td>王五</td> <td>男</td> <td>19</td> <td>回族</td> <td>党员</td> </tr> <tr> <td>赵六</td> <td>女</td> <td>21</td> <td>壮族</td> <td>团员</td> </tr> </tbody> <!-- 表格脚注--> <tfoot> <tr> <td></td> <td></td> <td></td> <td></td> <td>共计：4人</td> </tr> </tfoot> </table> </body> </html>
2.显示结果
