扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
使用HTML map标签,给图片设置热点(指定的要添加链接的地方)
成都创新互联公司于2013年创立,是专业互联网技术服务公司,拥有项目网站建设、成都网站设计网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元杭锦做网站,已为上家服务,为杭锦各地企业和个人服务,联系电话:13518219792
例子:
img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" border="0" /
map name="planetmap" id="planetmap"
area shape="circle" coords="180,139,14" href ="venus.html" style="cursor: pointer" alt="Venus" /
area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" /
area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" /
/map
关于例子的解释:
area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
img中的 usemap 属性可引用 map 中的 id 或 name 属性(取决于浏览器),所以应同时向 map 添加 id 和 name 属性。
x1,y1,x2,y2
如果 shape 属性设置为 "rect",则该值规定矩形左上角和右下角的坐标。
x,y,radius
如果 shape 属性设置为 "circ",则该值规定圆心的坐标和半径。
x1,y1,x2,y2,..,xn,yn
如果 shape 属性设置为 "poly",则该值规定多边形各边的坐标。如果第一个坐标和最后一个坐标不一致,那么为了关闭多边形,浏览器必须添加最后一对坐标。
[img]这个html5属性目前还没有得到普遍支持。
hreflang 属性规定被链接文档中文本的语言
值为双字母的语言代码,规定被链接文档的语言。
例如,中文用zh表示,英语用en
文本超链接在html是这样用的:
属性href为跳转地址,a标签中的内容一般是写和链接相关的内容。
a标签例子:
1
a href="" target="_blank";/a
HTML超链接可以用a标签来设置。
1、新建html文档,在body标签中添加a标签,为a标签添加“href”属性:
2、设置“href”属性的属性值为“page.html”,这时点击a标签会跳转到“page.html”页面:
3、为a标签设置“target”属性,属性值为“_blank”,这样“page.html”会在新标签打开,设置为“_self”则会在自身页面打开:
A href="链接得目标地址" name="锚名称" title="超链接标题" target="连接打开得方式"/A
在 HTML 4.01 中,a 标签可以是超链接或锚。在 HTML5 中,a 标签始终是超链接,但是如果未设置 href 属性,则只是超链接的占位符。
html5使超链接特效消失的办法如下
1.新建一个html文件,命名为test.html,用于讲解html5超链接下划线怎么去掉。
2.在test.html文件内,使用a标签创建一个链接,下面将使用css去掉该超链接的下划线。
3.在test.html文件内,给a标签添加一个class属性,属性值为ttlink。
4.在test.html文件内,编写标签,页面的css样式将写在该标签内。
在css标签内,通过class该超链接的样式,将text-decoration属性设置为none,实现去掉链接的下划线。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流