认识HTML(四)：加入图片

在HTML文件中加入图片，可以在想置入图片的地方使用img标签。

＜img＞是单一元素，它不用开头和结尾标签，单独一个＜img＞即可，我们称这样的标签为空元素(empty element)。

其语法格式如下：

＜img src=〝图档的位置〞height=〝高度〞 width=〝宽 度〞alt=〝图片的文字描述〞＞

• 属性名称 src：
  是sourcefile的简称 表示图片档的档名、路径
• 属性名称 alt：
  是alternative text的简称 表示图片的说明文字
• 用 height=〝高度〞和 width=〝宽度〞属性，指定图片大小

例如：现在要在网页放上一张图片，HTML可以这麽写：

而这边必须说明一下，一个点点是指当前的资料夹
所以既然这张图片和我的html是同一层 所以我就使用./舒芙蕾.jpg来找到这张图片。
程序执行後的网页内容将会是：

值得一提的是，src属性必须要有图片的副档名，若是没有副档名图片是无法显示出来的。

可用於网页的图档格式:
目前浏览器支援的图形档种类主要有以下三种：

• JPEG

  与jpg是相同的意思，是一般数位相机、手机照相预设的档案格式。特点是支援全彩，且支援极高的压 缩比，可将档案压缩得很小，因此很适合在网路上使用。

• GIF

  最多只能支援256色，可插入多个影格产生动画效果。较适合用於示意图、说明图等，不适合一般相片。

• PNG

  同样支援全彩，采非破坏式的压缩技术，因此图片不会失真，图片品质比jpeg好，但档案较大，可支援像 GIF一样的动画功能。