href=\
title=\
上
chinahtml.com 网站学习 HTML\
该例在浏览器中将显示如下: chinahtml.com title 属性用于为该链接输入一个简短描述。当你把鼠标光标停留在该链接上 (别点击它)时,提示文字“上 chinahtml.com 网站学习 HTML”便会出现。
第 9 课:图像
假如能把影歌两栖传奇人物 David Hasselhoff 的图像放到自己的网页上,那就 太好了。
这貌似有点难度。。。
也许是有点难度,但其实也不难,一个元素就可以搞定: 例 1:

你要做的只是:首先告诉浏览器你要插入一张图片(img),接着给出这张图片的存放位置(src,代表“来源(source)”)就行了。准备好图片了吗? 注意:img 元素没有尾标签,它与
一样,不与特定的文本相关。 “david.jpg”是要插入的图片的文件名,其中的“jpg”表明图片类型。就像后 缀名“htm”代表文件是 HTML 文档一样,后缀名“jpg”表明文件是一个图片文件。有三种类型的图片文件可被插入网页中:
GIF(Graphics Interchange Format,图形交换格式) JPG 或 JPEG(Joint Photographic Experts Group,联合图像专家组) PNG(Portable Network Graphics,可移植网络图像)
一般来说,GIF是图形和图画的最佳格式,而 JPEG 格式则更适合存放照片 因有二:第一,GIF 格式只支持 256 色,而 JPEG 格式支持数百万色;第二,GIF 格式擅长于压缩简单图像,而 JPEG 则更适于压缩复杂图像。压缩率越高,图像文件就越小,页面加载速度就越快。也许你也有同感,包含太多无用内容的网页 是很不受欢迎的。 过去,GIF 和 JPEG 是两大主要的图像格式,但是最近 PNG 格式也开始流行起来 (主要是在取代 GIF 格式)。PNG 格式拥有许多 JPEG 与 GIF 的共同优点: PNG 数百万色,且压缩效果好。
图片从何处获得?
要制作自己的图像, 需要有一个图像编辑程序。图像编辑程序是从事美观的网页图像编辑程序是从事美观的制作所需的重要工具之一。不幸的是 Windows 或其他操作系统都没有自带比较好的图片编辑程序。所以,也许你得买一个 Paint Shop Pro、PhotoShop 或者 Macromedia Fireworks,这三个是目前市场上最好的图像编辑软件。不过还是那句话,完成本教程的学习不需要购买任何昂贵的软件。你可以先下载 一个 Irfan View 用,这是一个很不错的图像编辑软件。因为是自由软件,所以 你可以免费使用它。 或者,你也可以从我们 chinahtml.com 网站下载一些图片来用,但请注意不要违反有关版权规定。具体下载方法如下: 1. 右击网页中的图像。 2. 在菜单中选择“图片另存为...”。 3. 选择图片的存放位置,然后点击“保存”。 按此方法将下面的图片保存到你的 HTML 文档所在目录。(注意: 将它保存为 PNG 文件,文件名为 logo.png):
现在你可以把这个图片插入到自己的网页里。自己试试看。 关于图像就这么多吗?
关于图像,还有一些是需要介绍的。 首先,你可以轻易地把存放在其他文件夹、甚至其他网站的的图片插入到自己的网页中。 例 2:


src=\
该例在浏览器中将显示如下(你可以试试看点击这个图像): 有什么属性需要了解的吗?
你总要用 src 属性来告诉浏览器图片的存放位置。除此以外,还有一些有用的属性。 alt 属性用于给出图像的替用描述,假如由于某些原因该图像未能显示出来,浏览器就通过显示这个描述来替代图像。对于有视力障碍的人士来说,或者当网页打开很慢的时候,这一特性显得尤为重要。所以说,始终记得写 alt 属性: 例 5:


该例在浏览器中将显示如下:
如果你把鼠标光标停留在该图片上(别点击它),提示文字“上 chinahtml.com 网站学习 HTML”便会出现。 另外两个重要的属性是 width 和 height: 例 7: