HTML基本知识点——图片标记

图片

l  Web上支持的图片格式

GIF(图形交换格式)：GIF格式文件最多只能保存256种颜色，该格式支持透明色，支持动画效果。

JPEG(联合图像专家组)：该格式不支持透明色和动画，颜色可达1670万种。

PNG(网络可移植式)：该格式支持透明色和动画，颜色从几种到1670万种。

l  图片标记<img src=”图片的路径”/>

  路径：../代表出(向上一级)一层文件夹，/用于分隔文件与文件夹的层次。

<img />标记的属性和属性值及其说明

属性名称

属性值

说明

src

URL

图片的路径

alt

文本

规定图片的替代文本【图片无法显示时】

title

文本

鼠标悬停时显示的内容

width

像素/百分比

设置图片的宽

height

像素/百分比

设置图片的高

border

数字

设置图像的边框

align

left

图片靠左，文字靠右

right

图片靠右，文字靠左

top

文字垂直居中上靠

middle

文字垂直居中

botttom

文字垂直居下（默认）

vspace

像素

定义图像顶部和底部的空白（垂直边距）

hspace

像素

定义图像左侧和右侧的空白（水平边距）