图片标签+A标签+列表标签（Html基础）2
程序员文章站
2022-07-02 15:02:01
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Html基础</title>
</head>
<body>
<!-- 相对路径 建议使用 优点：将项目打包后可以在任意电脑上面运行，不会有图片不显示的情况 -->
<!-- 以test.html文件位起点也就是本文件。去找图片的位置 -->
<!-- width：图片的宽度 height：图片的高度 -->
<img src="img/BCD631318C963A8BA542C9EB47F5EB2F.png" width="20px" height="20px" title="鼠标悬浮的文字" alt="图片加载出错的文字~"/>
<!-- 绝对路径 -->
<!-- 图片在电脑上面的位置 -->
<img src="C://Users/hxb/Documents/HBuilderProjects/wxpay/img/BCD631318C963A8BA542C9EB47F5EB2F.png" />
<!--
<a href="目标路径">热点</a>
-->
<a href="#">空链接</a>
<a href="#warp">当前页面指定的ID元素</a>
<a href="http://baidu.com">百度直通车</a>
<a href="mailto:hxb_work@163.com">邮箱链接</a>
<br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
<a href="#"><p id="warp">空链接可以返回页面顶端</p></a>
<br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
<!--
无序列表
type：前面的序号类型
circle（空心圆）、disc（实心圆）、square（空心正方形）
-->
<ul type="disc">
<li>选项一</li>
<li>选项二</li>
<li>选项三</li>
<li>选项四</li>
</ul>
<!--
有序列表
type：序号类型
1：阿拉伯数字
i：小写罗马数字
I：大写罗马数字
a：小写字母
A：大写字母
start：从几开始
-->
<ol type="1" start="1">
<li>菜单一</li>
<li>菜单二</li>
<li>菜单三</li>
<li>菜单四</li>
</ol>
<!--
定义列表
dt：被描述的对象，只可以有一个
dd：描述的内容，可以有多个
-->
<dl>
<dt>iPhone12</dt>
<dd>8888元</dd>
<dd>待机时间长</dd>
<dd>运行游戏流畅</dd>
</dl>
</body>
</html>
本文地址：https://blog.csdn.net/qq_42825101/article/details/109389793