一、超链接_唤起指定应用
1.相关代码
html
复制代码
<!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.相关代码
html
复制代码
<!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.相关代码
html
复制代码
<!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.显示结果
四、表格_常用属性