人说“温故知新”,近段时间无聊中拿起《HTML和XHTML权威指南》这本书重读。发现对脚本语言html又有了新的认识,并做了些笔记。
<hr>标签
功能:打断文本流并插入一条分隔线
size属性:可以加粗分隔线。如,<hr size=12>。12为像素。浏览器默认为2-3个像素
width属性:缩短或者加长分隔线的长度。默认的分隔线会横跨整个窗口。其属性值有相对和绝对两种,推荐使用相对值的方式。
如,<hr width=12>和<hr
width="12%">
align属性:控制分隔线的对齐方式:left,center,right.
color属性:设置分隔线的颜色,只被IE支持,而且会失去3D效果。
GIF(Graphic Interchange Format)图形交换格式
1.其编码技术在很多平台上都可以使用。
2.使用了一种特殊的压缩技术,可以显著减小图像文件的大小,从而可以在网络上更快的进行传输。
3.无损压缩。
4.容易实现动画效果。
GIF图像的三个技巧:
1.隔行扫描-可以使图像在屏幕上一下子显现出来,而不是从上到下逐步显示。
2.透明效果-让图像的部分显示透明效果。
3.逐帧动画-不需要为HTML文档编写动画程序就可以实现简单的动画,但是这样的GIF文件就会变大。
JPEG(Joint PhotograPhic ExPerts Group)联合图像专家组
JPEG拥有比GIF多得多的颜色,压缩效果更好。当然会损失一些图像数据。
改善由图像带来的负载和延迟问题:
保持简单性-通过图片管理工具优化图像的尺寸,将颜色的树木减少到最少的像素数。
重复利用图像-大多浏览器会在本地存储器把引入的文档成分进行缓存,这样获得数据会更快,使用网络连接会更少。
分割大文档-一条好经验是把每个文档保持在50K左右,这样用户即使使用的是很慢的连接也不会引起厌烦的感觉。
必要地隔离大图形-为很大的图像提供一个图形的缩略图,让用户决定是否花时间下载整个图像。
指定图像的尺寸-通过在标签里面指定图像的尺寸,可以让浏览器不必再计算图像在文档中的尺寸。
<img>标签
功能:在文档中插入一个图片。
sre属性:必需的,指出图像的地址。
alt属性:指定了图像的替代文本,用于在图像无法显示或用户禁用图像显示时,代替图像显示的内容。虽然是可选属性,但是强烈建议为每个图像加入alt属性。因为即使下载不了图像,用户也可以借此知道图像的相关信息,而且对于残疾人士来说这是他们了解图像内容的唯一方式。alt属性值是一个最多可以包括1024个字符的字符串。
border属性:控制图像的边框大小。
hspace和vspace属性:可以以像素为单位,指定图像左右,上下文字与图像之间的间距。
posted on 2007-12-16 18:15
matthew 阅读(236)
评论(0) 编辑 收藏 所属分类:
脚本语言及页面设计