图片标签+A标签+列表标签(Html基础)2
程序员文章站
2022-03-21 12:53:17
<!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