• 首页
• 域名注册
• 虚拟主机
• 网站建设
• 服务器租用
• 营销推广
• 网站程序
• 前端开发
• 移动互联网
• 企业邮箱

• 当前位置：创新互联 >> 常见问题 >> 前端开发 >> html >> HTML图片介绍

HTML图片介绍

• 作者：创新互联 文章来源：前端开发部 点击数： 更新时间：2009-06-12
• 用 <img> 这个 Tag 可以在HTML里面插入图片。最基本的语法如下：
  <img src="url">
  url表示图片的路径和文件名。比如 url 可以是 images/logo/blabla_logo01.gif，也可以是个相对路径 "../images/logo/blabla_logo01.gif"。
   
  图片alt属性
  <img>中有一个alt属性，英文叫alternate text。例句如下：
  <img src = "../images/html_tutorials/smile.jpg" alt="smile face">
  假使浏览器没有载入图片的功能，浏览器就会转而显示Alt属性的值。
  
  　　其实，现在大多数浏览器都支持图片载入。在此介绍Alt属性，是因为它的另外一个重要功能。目前搜索引擎抓取工具无法识别图像中所含的文字，所以用ALT属性写上图片的说明，便于搜索引擎抓取你网页的内容。
   
  图片align属性
  　　用align属性，可以改变图片的垂直(居上、居中、居下)对齐方式和水平对齐方式(居左、居中、居右)。
   
  图片的大小
  　　在缺省状况下，图片显示原有的大小。你可以用height和width属性改变图片的大小。不过图片的大小一旦被改变，图片会相应放大或缩小，显示出来的结果可能会很难看。
   
  建议
  　　图片相对文字，所占的字节数较多，比如一个全屏的图片，即使经过压缩，也要占去大约50k字节，这相当于25000字的文本。因此浏览器载入图片比较费时，建议一个HTML文件里不要包含过多的图片，否则会影响你的网页显示速度。
• html中如何在文字下面添加下划线和删除线 :上一篇
  HTML基本概念 :下一篇