Html-2.图片和连接

（1）url    

 ·url路径：
   1.绝对路径  <img src="http://www.runoob.com/images/pulpit.jpg" />
      http://www.3c.org/TR/Css/syndata.html
      http:协议名（用：//分隔）
      www.3c.org:主机名
      /TR/Css/：目录路径
      syndata.html：要连接的文件名
      
   2.相对路径：指文件的位置相对于当前文件的位置
       1.图片和网页同一级目录
       D:\work\web\my\project\a.html
       D:\work\web\my\project\a.png
       <img src="a.png" />
       2.图片在子目录
       D:\work\web\my\project\a.html 
       D:\work\web\my\project\image\a.png
       <img src="image/a.png" />
       3.上级目录下
        D:\work\web\my\project\a.html
       D:\work\web\my\a.png
<img src="../a.png" />
上上级目录下
D:\work\web\my\project\a.html
       D:\work\web\a.png
<img src="../../a.png" />
上上级目录下的子目录
D:\work\web\my\project\a.html
       D:\work\web\img\a.png
<img src="../../img/a.png" />

（2）

<img src="http://www.runoob.com/images/pulpit.jpg" width="200px" height="100px alt="photo" title = """/>

    图片的宽高设置比例不对会失真，只定义一个属性（宽或高）会自己按比例缩放
    宽高用80% 会比例缩放
    title 属性 当鼠标指上去的时候会显示title的值
    

   （3）连接：

    <a href="http://www.baidu.com" target ="_blank">打开连接</a>
    <a href="mages/pulpit.jpg" target ="_blank">图片</a>
    <a href="media/pulpit.mp3" target ="_blank">音乐</a>
    <a href="1.rar" target ="_blank">下载</a>   
    <a href="mailto:hwq@126.com?subject=标题" target ="_blank">发邮件</a>  
    
    target:打开目标
    _blank 在新窗口/选项卡中打开。
_self 在同一框架中打开。（默认）