HTML第二课

HTML图像标记

1.常用图像格式
（1）GIF格式
最突出的地方就是它支持动画，同时GIF是一种无损的图像格式。再加上GIF支持透明，因此很适合在互联网上使用。但只能处理256种颜色。
（2）PNG格式
相比于GIF，PNG最大的优势是体积更小，支持alpha透明，但PNG不支持动画。
（3）JPG格式
JPG显示的颜色比GIF和PNG格式要多得多，可以用来保存超过256种颜色的图像。，但是JPG格式是一种有损压缩的图像格式。
2.图像标记
想要在网页上显示图像就需要使用图像标记《img/》。基本语法格式如下：
《img src=“图像URL”/》
该语法中src属性用于表示指定的图像文件的路径和文件名，它是img标记的必须 属性。
还有很多其他的属性。具体情况如下：

属性	属性值
src	URL
alt	文本
title	文本
width	像素
height	像素
border	像素
vspace	像素
hspace	像素
align	left,right,top,middle,bottom

描述
图像的路径
图像不能显示时的内容
鼠标悬停时显示的内容
设置图像的宽度
设置图像的高度
设置图像边框的宽度
设置图像顶部和底部的空白（垂直边框）
设置图像左侧和右侧的空白（水平边距）
将图像对齐到左边
将图像对齐到右边
将图像的顶端和文本的第一行文字对齐，其他文字居图像下方
将图像的水平中线和文本的第一行文字对齐，其他文字居图像下方
将图像的底部和文本的第一行文字对齐，其他文字居图像下方

路径
（1）绝对路径
定义：一般是指带有盘符的路径，例如：“D：\HTML网页制作\charpter02\img\logo.gif，或完整的网络地址，例如：”http://www.itcast.cn/images/logo.gif”。
(2)相对路径
定义：不带盘符，通常以HTML网页文件为起点，通过层级关系描述目标图像的位置
总结起来，相对路径的设置分为以下三种：

情况	解决办法
图像文件和HML位于同一文件夹	只需输入图像文件的名称即可，
图像文件位于HTML文件的下一级文件夹	输入文件夹名和文件名，之间用“/"隔开，
图像文件位于HTML文件的上一级文件夹	在文件名之前加入“ …/” ，如果是上两级，则需要使用“…/…/” ，以此类推，

错误提醒
以上“…/”斜杠前的点是两个点