第12节 html创建热点区域 链接
2017-02-10 16:28
330 查看
热点区域链接
例如:<html> <head> <title>使用文本建立超链接</title> </head> <body> <!--内部特定目标跳转 将需要跳转的文字包起来--> <p>实现特定<a href="https://www.baidu.com/">目标</a>跳转</p> <!--实现图像超链接--> <a href="http://www.csdn.net/"><img src="D:\温习网页\favicon.ico" width="100" height="100"></a> <br/> <!--电子邮件超链接--> 邮箱地址:<a href="http://mail.163.com/">123456789</a>@163.com <br/> <!--以新窗口显示链接页面 添加target属性值设置为_blank--> 以<a href="https://www.baidu.com/" target="_blank">新窗口方式打开一个网页 <br/> <!--创建热点区域 难点是找准图像的坐标--> <!--img图片标签 border是制定图片没有边框 usemap是指定使用图片的地图名 值必须加上#和地图的名字 map地图标签 name是地图的名字 area是区域属性 shape是区域的形状 rect矩形 circle椭圆 poly多边形 coords是坐标属性: rect矩形(左上角x,y,右下角x,y) circle椭圆(圆心x,y,半径r) poly多边形(多边形个点的坐标)--> <img src="D:\温习网页\bd_logo1_31bdc765.png" border="0" usemap="#Mapl"> <map name="Mapl"> <area shape="rect" coords="23,28,111,81" href="D:\温习网页\字体样式.html"> <area shape="circle" coords="187,57,33" href="D:\温习网页\字体样式.html"> <area shape="poly" coords="271,12,321,23,321,80,275,87,251,49" href="D:\温习网页\字体样式.html"> </map> <body> </html>
相关文章推荐
- HTML创建发送邮件链接
- HTML链接和Web创建超链接<a>标签之rel和rev属性
- 用win32创建了一个HTML页面,想取得网页上的链接文字?怎么做?
- 创建图片的热点区域
- [html] <a> and <input> can not click in IE6 when use png fixed -- IE6下png图片和png背景透明导致该区域的链接和按钮无效
- HTML <map> 标签-创建带有可点击区域的图像映射
- html5中的创建热点区域
- HTML、CSS和JavaScript学习五(案例分析一框架窗体分割、超链接和热点区域)
- html热点区域
- HTML5之10 __使用 Canvas API创建 热点图
- html中文档内链接的创建
- html创建六边形区域
- 定义图像映射中的区域(给图片热点区域加链接,常用于地图)
- iOS 用html创建带下划线的链接(类似下划线按钮的功能)
- html基础 图片热点,给一张图片加多个链接
- HTML 创建按钮实现跳转链接
- HTML、CSS和JavaScript学习五(案例分析一框架窗体分割、超链接和热点区域)
- html利用map和area属性来实现创建图像链接,以及创建可点击图像热区
- Html之Img的用法_alt_使用热点链接_实例
- [HTML]创建发送邮件链接