谈做网站教程之特殊的图片 |
| 2007-01-04 | |
|
图像文件是可以用锚来引用的多煤体元素，这些文件需要由浏览器单独下载并显示。但是和其他多媒体不同，
1.内联图像 HTML/XHTML中用于内联图像的标签是<img>它要求用src属性来指定要在文档中插人的GIF或JPEG图像的URL。 浏览器会单独下载图像，并把它们插入到文本流中，就好像它们是特殊的（尽管有时可能非常大的）字符。通常来讲，这意味着浏览器会把图像的底部与当前行的文本底部对齐。通过<img>的align属性可以改变它，通过这个属性的值可以把图像放在相邻文字的顶部（top),中间（middle)或者底部(bottom),请参阅图2-2到图2-4，从中可以找到自己喜欢的图像摆放位置。当然，宽图像也可能占据整个一行，从而断开文本流。通过把随后的部分、段落或者换行标签加在它的前面或后面，也可以单独摆放图像。    有经验的HTML创作者不仅用图像来说明文档，还使用图像来作为非常小的内联字符或字形，用它们来吸引读者的注意力，或者强调文档中的某些部分。老练的 HTML创作者通常使用自己定制的项目符号或者更具特色的部分分隔符，来取代那些传统的水平分隔线。图像也可以包含在超链接中，这样用户通过选择一个很小的内联草图，就可以下载一幅全屏的图像。内联图像的可能用法真是太多了。 2.图像映射（image map） 图像映射是一个锚内具有特殊属性的图像：它们可以包含若干个超链接。 创建图像映射的一种方法是为锚标签<a>中的<img>标签添加ismap属性。当用户用鼠标单击图像上的某处时，图形浏览器会将鼠标位置的相对x, y坐标发送给该链接所指向的服务器。然后特殊的服务器程序会将这个图像的坐标转换成某种特殊的行为，例如下载另外个文档等。 图像映射的一个很好的例子是旅游时寻找旅馆。例如，用户在自己想去的地区的地图上单击，然后图像映射服务器程序将返回当地住所的名称、地址和电话号码等。 虽然它们十分有效，并且十分吸引人，但是这些所谓的服务器端图像映射，意味着创作者必须访问服务器上 强于单纯依靠Web服务器的一点是，<img>标签的usemap属性和<map>标签、<area>标签，允许创作者把浏览器处理图像时需要的所有信息都一同包含在图像所在的文档中。因为这样可以节省网络带宽，并能减少对服务器的依赖性，因此客户端的图像映射在文档创作者和系统管理员中更为流行。 |
|
| 最近更新 ( 2007-01-13 ) |
| 东莞做网站成功的四大特征< 上一篇 | 下一篇 >关于做网站教程之HTML和XHTML不是什么 |
|---|
