1、超链接
<!doctype html>
<html>
<head>
<title>超链接</title>
</head>
<body>
<a href="https://www.baidu.com/?tn=95846469_hao_pg">百度</a>
<!--
a为超链接标签,href设置链接的地址
-->
<a href="https://www.baidu.com/?tn=95846469_hao_pg">
<img src="C:\Users\19019\Desktop\新建文件夹\新建文件夹\qwbbz0xsfe1uqpk0gcn761l5.jpg" width="20%">
</a>
</body>
</html>
<!doctype html>
<html>
<head>
<title>超链接2</title>
</head>
<body>
<!--
target设置窗口出现的方式
_blank新窗口
_self当前窗口
_top顶级窗口
_parent父窗口
-->
<a href="https://www.baidu.com/?tn=95846469_hao_pg" target="_blank">百度</a>
<a href="https://www.baidu.com/?tn=95846469_hao_pg" target="_self">百度</a>
</body>
</html>
2、列表
(1)有序列表ol
(2)无序列表ul
<!doctype html>
<html>
<head>
<title>列表</title>
</head>
<body>
<!--
ol为有序,li为列表项,type设置列表的序号
当type的值为1时,序号按1,2,3......
值为A时,序号按A,B,C......
值为a时,序号按a,b,c......
值为Ⅰ时,序号按Ⅰ,Ⅱ,Ⅲ......
-->
<ol type="1">
<li>百度</li>
<li>谷歌</li>
<li>火狐</li>
</ol>
<!--
ul为无序,li为列表项,type设置列表前的符号
circle为圆圈
square为方块
disc为黑点
-->
<ul type="circle">
<li>淘宝</li>
</ul>
<ul type="square">
<li>京东</li>
</ul>
<ul type="disc">
<li>拼多多</li>
</ul>
</body>
</html>