HTML文本图片与超链接-CSDN博客

本文链接：https://blog.csdn.net/wuuo_/article/details/145989559

文章目录

HTML与超链接的概述

Web页面是由HTML组织起来的、由浏览器解释显示的一种文本文件。HTML是构成Web页面、表示Web页面的符号标签语言。通过HTML，将需要表达的信息按某种规则写成HTML文件，再通过专用的浏览器进行识别，将这些HTML文件翻译成人们阅读的信息形式，就是所见到的网页。超链接 (hyperlink)是指从一个网页(或其他文件)指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。

一、示例

二、源代码与超链接

1.源代码

代码如下：

<html>
    <body>
        <head>
            <h2>《爆！韩国男团时隔半年终于回归》</h2>
            <a href="#时间"><h4>时间</h4></a>
            <a href="#地点"><h4>地点</h4></a>
            <a href="#人物"><h4>人物</h4></a>

        <a href="时间">
            <p>2025年3月7号下午六点</p>
        </a>
        <img src="C:\Users\小吴\Pictures\Saved Pictures\1.jpg" width="300rpx" height="300rpx" border="2rpx" hspace="100rpx"
        <a href="地点">
            <p>韩国首尔yg大楼企划部</p>
        </a>
        <img src="C:\Users\小吴\Pictures\Saved Pictures\2.jpg" width="300rpx" height="300rpx" border="2rpx" hspace="100rpx"
        <a href="人物">
            <p>韩国男团Treasure</p>
        </a>
        <img src="C:\Users\小吴\Pictures\Saved Pictures\3.jpg" width="300rpx" height="300rpx" border="2rpx" hspace="100rpx"

        </head>
    </body>
</html>

2.超链接

超链接标签

标签<a>使用href属性来指定跳转链接

默认情况下，未被点击的链接是蓝色字体，点击过的链接是带紫色字体

链接形式

跳转外部URL——URL

跳转到本地资源——绝对路径或相对路径

跳转到当前H5文档中的某个地方（锚点）

建立锚点

先使用name属性建立锚点

再通过为href属性添加#链接锚点

建立锚点：
<a name="书签名">书签内容</a>
链接锚点：
<a href="#书签名">链接文字</a>

总结

以上只是简单的介绍了如何学习html文本图片与超链接，更多详情等我学成归来再补充。