HTML5（图像标签）

1.图像标签<img/>

<img src="图像URL"/>

//src图像的路径
//alt图像不能显示时的替换文本
//title鼠标悬停时显示的内容
//width设置图像宽度
//height设置图像高度
//border设置图像边框的宽度
//vspace设置图像顶部和底部间的空白(垂直距离)
//hspace设置图像顶部和底部间的空白(水平距离)
//align    left将图像对齐到左边
//         right将图像对齐到右边
//         top将图像的顶端和文本的第一行文字对齐，其他文字居图像下方
//         middle将图像的水平中线和文本的第一行文字对齐，其他文字居图像下方
//         bottom将图像的底部和文本的第一行文字对齐，其他文字居图像下方

2.相对路径与绝对路径

绝对路径：就是在网页上的文件或目录在硬盘上的真正路径，例：D:\案例源码\chapter03\images\banner1.jpg\     或完整的网络地址，如：http://www.bd.com.cn/images/logo.gif

相对路径：就是相对于当前文件的路径。相对路径没有盘符，通常是以HTML网页文件为起点，通过层级关系描述目标图像位置，相对路径分为以下三种：

• 图像文件和HTML文件位于同一文件夹；只需输入图像文件名称即可如<img src="logo.gif"/>
• 图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如：<img src="img/img01/logo.gif"/>
• 图像文件夹位于HTML文件的上一级文件夹：在文件夹之前加入“../”，如：<img src="../logo.gif">

注;网页中并不推荐使用绝对路径