HTML如何设置图片超链接，代码要怎么写？_随笔

你可以通过把某元素嵌套进a元素使其变成一个链接。

把你的图片嵌套进a元素。举例如下：

超链接是网页中的重要元素，超链接能使浏览者从一个页面跳转到另一个页面，实现文档和网页的互联工作。

了解超链接前还需要知道绝对路径和相对路径的概念。

绝对路径有两个缺点：

需要输入更多内容，

如果文件被移动，需要重新设置所有相关链接。

相对路径更适合网站内部链接。

相对路径使得同处站点文件夹内的相对地址可以自由在文件夹间构建连接，即使站点文件夹所在服务器发生改变，文件夹的所有内部链接都不会出现问题。

超链接标记基本语法

使用代码编辑软件，创建一个html结尾的文档。

把代码编辑在<body></body>内，写入：<a href="url">Link text</a>，点击保存。

点击F12预览，或者直接在代码编辑器中点击地球小图标，然后点击第一个预览，如下图所示内容。

超链接就创建成功了。

html中超链接使用的是<a>标签，其基本的用法如下：

<a>标签定义超链接，用于从一张页面链接到另一张页面，<a>元素最重要的属性是 href 属性，它指示链接的目标，在所有浏览器中，链接的默认外观是：未被访问的链接带有下划线而且是蓝色的，已被访问的链接带有下划线而且是紫色的，活动链接带有下划线而且是红色的，但是也可以通过css样式来自定义这些颜色。

浏览器是指可以显示网页服务器或者文件系统的HTML文件（标准通用标记语言的一个应用）内容，并让用户与这些文件交互的一种软件。

它用来显示在万维网或局域网等内的文字、图像及其他信息。这些文字或图像，可以是连接其他网址的超链接，用户可迅速及轻易地浏览各种信息。大部分网页为HTML格式。

一个网页中可以包括多个文档，每个文档都是分别从服务器获取的。大部分的浏览器本身支持除了HTML之外的广泛的格式，例如JPEG、PNG、GIF等图像格式，并且能够扩展支持众多的插件（plug-ins）。

第一个Web浏览器出自Berners-Lee之手，这是他为NeXT计算机创建的，并在1990年发布给CERN的人员使用。Berners-Lee和Jean-Francois Groff将WorldWideWeb移植到C，并把这个浏览器改名为libwww。

欢迎分享，转载请注明来源：内存溢出

HTML如何设置图片超链接，代码要怎么写？