html里面超链接alt_怎样用HTML代码在图片插入超链接[通俗易懂]

December 09, 2023
测试
测试
测试
测试
1 分钟阅读

大家好,又见面了,我是你们的朋友全栈君。

展开全部

1、图像链接

图片超链接和文字超链接是一样的,在e5a48de588b63231313335323631343130323136353331333366306533图像上插入链接:点击图片,跳转页面:之间插入元素。如:

2、局部链接

在某种情况下,我们不希望整张图片加链接。希望的效果是:点击图片某个区域,链接到某地址。是通过map标签和标签结合使用的。如:

(1)、

(2)、

扩展资料:

元素向网页中嵌入一幅图像。

img元素的属性:

(1)、src:图片来源URL。

(2)、alt:规定图像的替代文本。

(3)、height和width:单位为像素,如果不指定,则为默认;如果只指定height或width,则自动调整大小。

(4)、ismap :将图像定义为服务器端图像映射。

(5)、usemap:将图像定义为客户器端图像映射。

(6)、longdesc: 指向包含长的图像描述文档的 URL。

元素定义一个客户端图像映射。

map元素的属性:

(1)、id:为 map 标签定义唯一的名称。

(2)、name:为 image-map 规定的名称。

注意:

中的 usemap 属性可引用 中的 id 或 name 属性(取决于浏览器),所以应同时向 添加 id 和 name 属性。

元素定义图像映射中的区域。

area元素的属性:

(1)、alt:规定图像的替代文本。

(2)、shape:用于描述区域的形状,rect\poly\circle\default可选,default指的是还没有被定义的区域。

(3)、coords:指定区域的坐标。比如矩形有4个坐标,前两个是左上角的x,y坐标,后两个是右下角的x,y坐标。

(4)、href和nohref:href指定目的的链接,如果不指定href属性,则需要指定nohref,nohref=”nohref”

(5)、target:和标签的作用一样。

注意:area 元素永远嵌套在 map 元素内部。

参考资料:

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/159858.html原文链接:https://javaforall.cn

继续阅读

更多来自我们博客的帖子

如何安装 BuddyPress
由 测试 December 17, 2023
经过差不多一年的开发,BuddyPress 这个基于 WordPress Mu 的 SNS 插件正式版终于发布了。BuddyPress...
阅读更多
Filter如何工作
由 测试 December 17, 2023
在 web.xml...
阅读更多
如何理解CGAffineTransform
由 测试 December 17, 2023
CGAffineTransform A structure for holding an affine transformation matrix. ...
阅读更多