第四章:图片标签

 

一、如何在页面插入图片

  <img src="images/1.jpg" />

  src属性: 图片地址

 

二、常用图片格式

 

  .jpg 常用格式

  .gif 格式   小动画图片

  .png 透明图片

 

三、图片路径

 

  相对路径  （只关注当下）是从当前路径开始的路径

  路径符号:   /    

  ../返回上一程目录  

   ../../返加上一层的上一层目录  

   ./当前目录

  绝对路径

  1.是从盘符开始的路径

  F:\html_study\第四章：图片标签\images\1.gif

 

 2.从域名出发  http://su.bdimg.com/static/superplus/img/logo_white_ee663702.png

 

四、如何给图片加链接

 

  <a href=""><img src="images/2.jpg" /></a>

 

五、图片alt属性讲解

 

  <img src="images/2.jpg" alt="美女图片"  title="提示文字"/>

  SEO，alt的内容用来告诉搜索引擎这张图片的意思 我们通常搜索图片输入的关键字就是从alt中取得。

  alt 图片的含义，当图片不显示是，所显示的文字 / 提示文字

 

六、图片位置设置

 

  <img src="images/1.jpg" align="middle" />

  align属性:，设置图片的位置关系

  其属性可选值为：top，bottom，middle，right，left,absmiddle

  top 顶部     bottom 底部

  middle 中间   absmiddle  绝对中间

  left 距左      right   距右

 

JAVA技术交流群 532101200