HTML基础二：图片路径，列表，链接

最新推荐文章于 2024-08-16 23:04:42 发布

Daniel_WL

最新推荐文章于 2024-08-16 23:04:42 发布

阅读量557

点赞数

分类专栏： HTML 文章标签：图片路径，列表，链接

本文链接：https://blog.csdn.net/Daniel_WL/article/details/89091869

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第一个网页</title>
</head>
<body>
<!--图片-->
<img src="./Koala.jpg" alt="相对路径" /><br /><br />
<img src="D:\Koala.jpg" alt="绝对路径" /><br /><br />

<!--链接-->
<a href="http://www.baidu.com" title="跳转百度">我是链接</a><br /><br />

<a href="#mao1">标题一</a><br /><br />
    <div>为了演示跳转占个位，啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊<br />
    啊啊啊啊啊啊啊啊啊<br />啊啊啊啊啊啊啊啊啊啊啊啊<br />啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
    啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊<br />
    啊啊啊啊啊啊啊啊啊<br />啊啊啊啊啊啊啊啊啊啊啊啊<br />啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
    啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊<br />
    啊啊啊啊啊啊啊啊啊<br />啊啊啊啊啊啊啊啊啊啊啊啊<br />啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
    </div>
<h3 id="mao1">跳转到标题</h3>

<!--有序列表-->
<ol>
    <li>列表文字一</li>
    <li>列表文字二</li>
    <li>列表文字三</li>
    <li>在网页上生成的列表，每条项目上会按1、2、3编号，有序列表在实际开发中较少使用。</li>
</ol>

<!--无序列表-->
<dl>
    <dt>定义术语的题目</dt>
    <dd>术语的解释</dd>
</dl>

</body>
</html>