网页标记使用技汇总.doc

目 录 1 用好基本图像标记img 1 1.1 给图片加边框 2 1.2 给图片加动态说明和替代文字 3 1.3 图像与文字混排 3 1.4 动态替换图像 4 1.5 在网页加入影像片断 5 2 用好HTML的表格标记 6 2.1 作系列横单线 6 2.2 作系列竖单线 7 2.3 系列双横线 8 3 表单设计基础 10 3.1 form表单标记 10 3.2 input表单输入标记 11 3.3 select下拉菜单标记 12 3.4 option选项标记 12 3.5 textarea多行文本输入标记 13 4 表单的文本框 14 4.1 一个单行文本框的例子 14 4.2 检验用户输入的信息 15 5 用好表单的按钮 16 5.1 制作常规按钮 16 5.2 改变按钮的外观 16 5.3 动态变换文本按钮 17 5.4 动态变换图像按钮 18 6 用好帧窗口标记 20 6.1 左大右下两窗口 21 6.2 一顶一左一右页面 22 7 帧窗口之间的交互技巧 24 7.1 在导航窗口点击链接，在另一窗口打开网页 24 7.2 在B窗口中按下一个按钮，在C窗口中写一行字 24 7.3 各窗口的尺寸设置 26 8 播放视频 28 8.1 链接一个视频文件 28 8.2 自动载入视频 28 9 播放音乐 30 9.1 点播音乐 30 9.2 自动载入音乐 30 9.3 IE中的背景音乐 32 10 表单概述 33 11 表单外观的美化 39 用好基本图像标记img/ 导航：DIY部落 网页设计 html Html系列教程 正文网页中最引人入胜的莫过于那丰富多彩的图像了。成功的站点中不能没有绚丽的图像，否则便使测览者觉得索然无味。下面介绍HTML语言中的基本图像标记：img。其基本语法结构如下： imgalign=top|middle|center|bottom|left|rightclass=typeid=Valuename=valuesrc=../../urltitle=textalt=valueborder=nheight=nwidth=nhspace=nvspace=nismap=imageusemap=urlonload=functiononabort=functiononerror=functiondynsrc=../../urlcontrols=controlsloop=nstart=type 　　可以看出，关于基本图像标记img的应用参数多达21项。当然，我们实际应用的只是其中几项，只有在需要实现特殊效果的情况下，才需要使用较多的参数。下面先介绍一下各参数的具体含义： 　　align：是指定图像的位置是靠左、靠右、居中、靠上或者是靠底。默认情况下是靠上，即align＝top。在图文混排时，这个参数很有用。 　　class和id：分别指定图像所属的类型和图像的id号。 　　name：用于设定图像的名称。 　　src：规定插入的图像的url地址，也就是含路径的图像文件名。 　　title：设定图像的标题。 　　alt：表示图像的替代字，主要用于在浏览器还没有装入图像（或关闭图像显示）的时候，先显示有关此图像的信息。这是初学者最易忽略的参数，因不设定它在正常显示时没问题。 　　border：设定图片的边框。 　　height和width：分别用于指定图像的高度和宽度，可以与图片原来的宽度和高度不同。 　　hspace和vspace：分别用于设定图像的左右边框大小和上下边框大小，在图文混排时会用到。 　　ismp和usemap：在应用图像地图时使用。ismap表示图像地图的数据存放在服务器中，当鼠标在图像上的某个区域上时，可以将此区域的坐标传送给服务器处理。usemap则用于设定图像地图的名称。 　　onload、onabort、onerror对应于设定的子程序，分别在图像被载入、取消载入、载入出错的情况下各自对应的子程序，不常用。 　　dynsrc：指定要下载的影像片断的url地址。 　　controls：设定影像播放的控制接钮。 　　loop：指定影像片断的播放次数，当loop=-1时，影像片断将循环播放直至页面更新。 　　start：设定何时开始播放影像片断，有三种选择：start=fileopen表示页面载入后即开始播放，默认的就是这种状态；start=mouseover表示当鼠标移到影像上即开始播放；start=fileopen,mouseover表示当有上面两种情况之一发生时就开始播放。 应用技巧 给图片加边框 上边这张图片的边框是border=4所产生的效果，注意：边框的颜色默认的是黑色，不美观，而img标记也没有设置边框颜色的参数，我们可以通过设置Cla