欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  在HTML页面中插入图片需要用到html中的<img>标签
 
  <imgsrc=""alt="">
 
  img代表“图像”,它是图像在页面上显示。
 
  src代表“来源”它告诉浏览器去哪里找图像,在写代码的时候最好将图片放置在一个文件夹下保存,通过这样的方式可以通过名称前面的子目录名称来调用图片
 
  alt代表“文字”告诉浏览器如果找不到图像,就只显示该文本,或者将鼠标悬停在图像上就会弹出设置的文字
 
  Web的图像格式
 
  .gif:是一种简单的格式,由一系列彩色图片元素或点,排列成一幅图片,是动图
 
  .png:与gif格式类似但它具有部分透明度选项,只支持无损压缩。
 
  .JPEG:JPEG格式是目前网络上最流行的图像格式,是可以把文件压缩到最小的格式
 
  HTML插入图片方法
 
  直接在html代码内插入图片
 
  <imgsrc="images/1.jpg">
 
  效果图:
 

 
  在CSS样式中插入图片
 
  <style>
 
  div{
 
  width:450px;
 
  height:300px;
 
  background-image:url("images/2.jpg")
 
  }
 
  </style>
 
  </head>
 
  <body>
 
  <div></div>


 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html5/h54321.shtml