3.图像标记

1、知识点

img: 代表是一副图片

属性: src : 图片的路径

两种写法:a) : 相对路径 路径是相对页面所在的路径 两个标记.和.. ,分表代表当前目录和父路径 ../

  b) :绝对路径

1) : 以盘符开始的路径

 eg: C:\Documents and Settings\Administrator\桌面\day01_html\上课示例/p_w_picpaths/1.jpg

2) : 网络路径 eg: http://www.baidu.com/p_w_picpaths

         width: 宽度

height:高度

Alt:当图片显示不出来的时候代替图片显示的内容

title: 提示性文本  公有属性

border: 边框

热点: 就是特定的位置添加超链。

<img src="p_w_picpaths/1.jpg" width="300" height="300" usemap="#Map" border="0" />

<map name="Map" id="Map">

<area shape="circle" coords="122,81,38" href="demo_字体标签.html" />

</map>

2、需求分析

  
  
moveon

  
 
       刘德华
刘德华