HTML网页制作:如何给图片添加超链接

html-css017

HTML网页制作:如何给图片添加超链接,第1张

01

要给图片添加超链接也很简单,我们在html里先添加一个图片标签,img,

02

然后用超链接a标签将图片标签包围。

03

然后再为超链接标签添加href属性,指定链接的目标网址。

04

如上设置后,就可以了,在浏览器上打开,点击图片就会跳转到对应的网址的。

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

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

<a href="#"><img src="/images/relaxing-cat.jpg"></a>

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

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

绝对路径有两个缺点:

需要输入更多内容,

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

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

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

超链接标记基本语法

<a href=”文件名”>链接元素</a>  

<a href=”URL”>链接元素</a>

一般的做法,是写一个a标签,然后里面嵌套一个img标签,也就是图片。也可以a标签里面写文字,然后给a标签一个背景图。比如:

<a href="xxx"><img src="1.jpg"/></a>

这样就可以了。