html系统学习之四 <图像,图像地图>
2011-11-21 15:40
323 查看
参考资料来源W3School(http://www.w3school.com.cn)
另外学习一下几个技巧,很多地方都有看到图像当链接,这个其实很简单,代码如:
第二个 图像地图,使用usemap属性,如:usemap="#mp",其值对应map元素中name或id属性,视浏览器不同而不同
最后ismap属性,把鼠标移动到图像上,看一下状态栏的坐标如何变化
HTML 图像
这里学一下图像的几个属性,第一个是src,值是图像的 URL 地址;第二个Alt,值为文本,意思是当图像无法正常显示时,应该要显示什么文本,这样做比较友好;另外学习一下几个技巧,很多地方都有看到图像当链接,这个其实很简单,代码如:
<a href="www.baidu.com"> <img border="0" alt="百度Log" src="http://www.baidu.com/img/baidu_sylogo1.gif" /> </a>
第二个 图像地图,使用usemap属性,如:usemap="#mp",其值对应map元素中name或id属性,视浏览器不同而不同
<map name="mp"><area shape="rect" coords="40,25,230,95" href="http://hi.baidu.com/baidu/" target="_blank" title="点此进入 百度的空间" ></map>
最后ismap属性,把鼠标移动到图像上,看一下状态栏的坐标如何变化
相关文章推荐
- html系统学习之二 <样式,锚>
- html系统学习之一<基础知识,标签,元素>
- html系统学习之三 <表格,列表,表单>
- html系统学习之六 <CSS所有的样式属性>
- html系统学习之八 <学习体会>
- HTML学习记录<四> :创建图像映射
- HTML学习 <3>
- JavaScript系统学习之二 <事件,对象>
- HTML学习 <4>
- 系统加上<html:base />好处!
- HTML学习 <11>
- <笔记> HTML 学习——1
- HTML <!DOCTYPE> 标签学习
- HTML <!DOCTYPE> 标签学习
- html基础学习一:html文件中的头部文件部分<head></head>
- HTML学习基础-<!DOCTYPE html>
- HTML学习笔记(十一)HTML <div> 和 <span>
- HTML学习 <8>
- Linux学习笔记_系统输入输出标准(重定向,>,>>,<,2>&1,xargs)
- html 学习-链接<a>响应(链接…