html显示图片和链接

最新推荐文章于 2024-08-13 01:30:21 发布

水星灭绝

最新推荐文章于 2024-08-13 01:30:21 发布

阅读量1.6k

点赞数

分类专栏： h5

本文链接：https://blog.csdn.net/wulong710/article/details/108537357

版权

这篇博客详细介绍了如何在HTML中正确地显示相对路径的图片和创建链接。通过实例`go.html`和`show.html`，作者展示了具体的代码实现，帮助读者理解这一基本但重要的网页开发技能。

摘要由CSDN通过智能技术生成

显示相对路径的文本、图片

go.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>我的名字</title>
</head>

<body>
    <p><bdo dir="rtl">从右向左显示</bdo><br />
        还<q>有什么乱<em>七八糟的</em></q>
        就是<sub>不想</sub><sup>说话</sup>的<strong>内容</strong>
    </p>

    <!--点击“显示一首诗”链接打开诗的页面-->
    <a href="show.html" target="_blank">显示一首诗</a>
    <img src="pic/batteryRes2.png" />
</body>

</html>

show.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>一首诗</title>
</head>

<body>
    <pre>
            疾风知劲草，版当时诚臣。
            至今思项羽，不肯过江东。
        &l