CH推荐HTML入门教程

• GIF（Graphics Interchange Format，图形交换格式）
• JPG或JPEG（Joint Photographic Experts Group，联合图像专家组）
• PNG（Portable Network Graphics，可移植网络图像）

一般来说，GIP是图形和图画的最佳格式，而JPEG格式则更适合存放照片。原因有二：第一，GIF格式只支持256色，而JPEG格式支持数百万色；第二，GIF格式擅长于压缩简单图像，而JPEG则更适于压缩复杂图像。压缩率越高，图像文件就越小，页面加载速度就越快。也许你也有同感，包含太多无用内容的网页是很不受欢迎的。

过去，GIF和JPEG是两大主要的图像格式，但是最近PNG格式也开始流行起来（主要是在取代GIF格式）。PNG格式拥有许多JPEG与GIF的共同优点：支持数百万色，且压缩效果好。

图片从何处获得？

要制作自己的图像，需要有一个图像编辑程序。图像编辑程序是从事美观的网页制作所需的重要工具之一。

不幸的是Windows或其他操作系统都没有自带比较好的图片编辑程序。所以，也许你得买一个Paint Shop Pro、PhotoShop或者Macromedia Fireworks，这三个是目前市场上最好的图像编辑软件。

不过还是那句话，完成本教程的学习不需要购买任何昂贵的软件。你可以先下载一个Irfan View用，这是一个很不错的图像编辑软件。因为是自由软件，所以你可以免费使用它。

或者，你也可以从我们chinahtml.com网站下载一些图片来用，但请注意不要违反有关版权规定。具体下载方法如下：

1. 右击网页中的图像。
2. 在菜单中选择“图片另存为...”。
3. 选择图片的存放位置，然后点击“保存”。

按此方法将下面的图片保存到你的HTML文档所在目录。（注意：将它保存为PNG文件，文件名为logo.png）：

现在你可以把这个图片插入到自己的网页里。自己试试看。

关于图像就这么多吗？

关于图像，还有一些是需要介绍的。

首先，你可以轻易地把存放在其他文件夹、甚至其他网站的的图片插入到自己的网页中。

例2：

<img src="images/logo.png">

例3：

<img src="http://www.chinahtml.com/logo.png">

其次，图片也可以作为链接：

例4：

<a href="http://www.chinahtml.com">

<img src="logo.png"></a>

该例在浏览器中将显示如下（你可以试试看点击这个图像）：

有什么属性需要了解的吗？

你总要用src属性来告诉浏览器图片的存放位置。除此以外，还有一些有用的属性。

alt属性用于给出图像的替用描述，假如由于某些原因该图像未能显示出来，浏览器就通过显示这个描述来替代图像。对于有视力障碍的人士来说，或者当网页打开很慢的时候，这一特性显得尤为重要。所以说，始终记得写alt属性：

例5：

<img src="logo.gif" alt="chinahtml.com logo">

有些浏览器会在鼠标光标移到图像上时显示出alt属性的文本。但是，在使用
共36页: 上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25] [26] 27 [28] [29] [30] [31] [32] [33] [34] [35] [36] 下一页

评论加载中…