在html网页中如何在图片上加一个链接(3)

2025-05-23 03:24:48

1、1.如图所示,我们新建一个记事本,并将记事本的名字改为“在html网页中如何在图片上加一个链接个链接.html”,并回车键确定,以使文件转化为浏览器可以打开的html网页文件。

在html网页中如何在图片上加一个链接(3)

3、3.如图所示,在这个选择程序的对话框中,我们选择“Sublime Test”这个程序,打开这个html文件。

在html网页中如何在图片上加一个链接(3)

5、5.如图所示,我们依次先用<html>这个标签包住网页的整体,这个是必须的。

在html网页中如何在图片上加一个链接(3)

7、7.如图所示,我尺攵跋赈们再编写主体部分的标签—<body>和</body>。(html标签一般是成对出现的比如:<head>和</head>这一对。)

在html网页中如何在图片上加一个链接(3)

9、9.如图所示,我们写一个<img>标签用于插入图片,在src属性中写入图片的地址,<img />是自结束标签。(标签格式一般是:<标签名 属性=“”属性=“”...>这样的)。

在html网页中如何在图片上加一个链接(3)

11、11.如图所示,我们看到了我们的图片,之后鼠标移动到图片上会出现小手,就可以直接点击了。

在html网页中如何在图片上加一个链接(3)

13、13.这是本教材的源码,提供大家参考哦!<!--声明为一个html文档--><!DOCTYPE html><!--编写html文档整体--><htm造婷用痃l><head><!--这是网页的标题--><title>在html网页中如何在图片上加一个链接(3)</title></head><body><!--链接内包含图片,这样点击图片就是点击这个链接了--><a href="http://www.baidu.com"><!--加上图片--><img src="https://imgsa.baidu.com/forum/w%3D580/sign=4107677afcf2b211e42e8546fa806511/e49d5491f603738df8480d2bb41bb051f919ecd2.jpg?v=tbs" /></a></body></html>

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢