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

最新推荐文章于 2023-06-21 13:05:04 发布

Daniel_WL

最新推荐文章于 2023-06-21 13:05:04 发布

阅读量510

点赞数

分类专栏： 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>

Daniel_WL

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基础二：图片路径，列表，链接

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>第一个网页</title></head><body><img src="./Koala.jpg" alt...
复制链接

扫一扫