例6：

<img src="logo.gif" title="上chinahtml.com网站学习HTML">

该例在浏览器中将显示如下：

如果你把鼠标光标停留在该图片上（别点击它），提示文字“上chinahtml.com网站学习HTML”便会出现。

另外两个重要的属性是width和height：

例7：

<img src="logo.png" width="141" height="32">

该例在浏览器中将显示如下：

width和height属性分别用于设置图像的宽度和高度，以像素为单位。像素（pixel）是用于测量屏幕分辨率的计量单位。（目前大多数屏幕分辨率是1024×768或更高）。像素跟公分不同，像素是一种相对计量单位，一个像素的实际大小跟屏幕分辨率有关。在高分辨率显示模式下，差不多25个像素等于1公分；而在低分辨率显示模式下，同样的25个像素大约等于1.5公分。

如果你没有为图像设置宽度和高度，它将按原始尺寸显示。但是如果设置了的话，你就可以控制它的显示尺寸：

例8：

<img src="logo.gif" width="32" height="32">

该例在浏览器中将显示如下：

但是值得注意的是，虽然可以通过设置高度和宽度来控制图片的显示尺寸，但图片文件的实际大小不会因此而发生变化。所以，不要指望通过设置图片的宽度和高度来减小图片文件的大小。相反，你应该在图像编辑程序中来调整图片文件的大小，以加快页面加载速度。

不过width和height属性还是有用的，它们可以在图片被完全下载之前令浏览器知道该用多大的空间来显示图片。这令浏览器可以更快显示出美观的页面。

关于图像就说这么多了。

第10课：表格

表格用来显示“表列数据(tabular data)”，也就是那些逻辑上以行和列显示的信息。

表格难学吗？

对于初学者来说，在HTML中创建表格似乎比较复杂，不过只要耐心细致地观察，你就会发现表格实际上与其它HTML元素相似，也具有严格的逻辑结构。

例1：

<table>

<tr>

<td>单元格1</td>

<td>单元格2</td>

</tr>

<tr>

<td>单元格3</td>

<td>单元格4</td>

</tr>

</table>

该例在浏览器中将显示如下：