图片
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 |
像素 |
定义图像左侧和右侧的空白(水平边距) |
本文介绍了Web上常用的图片格式GIF、JPEG和PNG的特点,并详细解释了HTML中的图片标记<img>的使用方法及各属性的作用。
172万+

被折叠的 条评论
为什么被折叠?



