Html中的area元素的属性应用范例

属性:shape=""

rectangle / rect 矩形：支持4个坐标

polygon / poly 多边形：支持10个坐标

circle / circ 圆形：支持3个坐标

属性:coords=""

属性:href=""

范例:

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Creating an Image Map</title>
</head>
<body>
<p>
<img src="p_w_picpaths/gallery_map.gif" alt="Gallery Map" width="500" height="300" border="0" usemap="#gallery" />
<map name="gallery">
<area shape="circle" coords="154,150,59" href="foyer.html" target="_self" alt="Gallery foyer">
<area shape="poly" coords="270,79,351,79,351,15,486,15,486,218,272,218,292,166,292,136,270,76" href="sculpture_garden.html" target="_self" alt="Sculpture garden">
<area shape="rect" coords="325,224,488,286" href="workshops.html" target="_self" alt="Artists studios">
</map>
</p>
</body>
</html>

转载于:https://blog.51cto.com/websun/1205681

Html中的area元素的属性应用范例相关推荐

js中给html元素追加属性,JS为元素添加自定义属性
JS 除了可以操作 HTML 元素现有的属性外,还可以对 HTML 元素自定义属性以及对这些自定义的属性进行读.写操作.JS 可以为任何 HTML 元素自定义任意的属性(属性名必须符合标识符规范). ...
php 向html追加元素,在PHP中存储兄弟元素的属性和内部HTML
我试图从HTML页面中搜索和存储值,所以我有一个简单的数组数组.它只有2个数组,每个数组有3个项目长.我是这样定义的;这些只是标题: $fileContents = array( array('Dat ...
ElementUI的el-card中，内部元素margin属性失效问题
问题: 在使用 el-card 时内部的分页组件超出了 el-card 的范围,而且 margin 属性失效,无法控制,很不好看: 解决方法: 给分页组件外层加一个 div,定位属性 position ...
对话屏幕Dynpro(SE51) 屏幕元素屏幕属性 PAI事件的触发、屏幕元素Function Code设置屏幕流逻辑Screen Flow Logic 对话屏幕中的字段命名大小写问题
对话屏幕Dynpro(SE51) 屏幕元素屏幕属性 l 屏幕序号(Screen number).四个数字组成的序列号,用于在程序中确定屏幕,该序号在同一个ABAP程序内部是唯一的. l 屏幕类型 ...
HTML笔记一，部分常用的元素与属性
HTML中的常用元素与属性 <hr>:定义一条水平线 <div>:定义文档中的节,默认换行 <span>:定义一个节,但不换行对文字的格式化元素: <b&g ...
《HTML 5+CSS 3入门经典》——第2章　去其糟粕，取其精华——HTML 5 的元素与属性...
第2章去其糟粕,取其精华--HTML 5 的元素与属性 HTML 5 以HTML 4 为基础,对HTML 4 做了大量的修改.本章将从总体上介绍HTML 5 到底对HTML 4 做了哪些修改,HTM ...
Jquery中如何获取元素的文本，值，属性和内容
jQuery DOM 操作jQuery 中非常重要的部分,就是操作 DOM 的能力.jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易. 提示:DOM = Docume ...
html隐藏标签disable,HTML 中 Link 元素 disable 属性详解
"disabled"属性应用场景对于 link 元素,当且仅当 link 元素被用来链接一个外部样式文件时,应用"disabled"属性定义可以切换的样式表 ...
HTML中简单的form元素及属性：
HTML中简单的form元素及属性: 1.作用:form表单主要用于收集用户的信息,并将form元素中收集到的内容提交到服务器. 2.input元素中常见的属性: type属性:常见的输入框如下: 名 ...

Html中的area元素的属性应用范例

Html中的area元素的属性应用范例相关推荐

最新文章

热门文章