网页中最引人入胜的莫过于那丰富多彩的图像了成功的站点中不能没有绚丽的图像否则便使测览者觉得索然无味，下面介绍html图像标记其基本语法结构如下

align=top|middle|center|bottom|left|right

class=type

id=Value

name=value

src=url

title=text

alt=value

border=n

height=n

width=n

hspace=n

vspace=n

ismap=image

usemap=url

onload=function

onabort=function

onerror=function

dynsrc=url

controls=controls

loop=n

start=type>

可以看出关于基本图像标记的应用参数多达项当然我们实际应用的只是其中几项只有在需要实现特殊效果的情况下才需要使用较多的参数下面先介绍一下各参数的具体含义

align是指定图像的位置是靠左靠右居中靠上或者是靠底默认情况下是靠上即align=top在图文混排时这个参数很有用

class和id分别指定图像所属的类型和图像的id号

name用于设定图像的名称

src规定插入的图像的url地址也就是含路径的图像文件名

title设定图像的标题

alt表示图像的替代字主要用于在浏览器还没有装入图像(或关闭图像显示)的时候先显示有关此图像的信息这是初学者最易忽略的参数因不设定它在正常显示时没问题

border设定图片的边框

height和width分别用于指定图像的高度和宽度可以与图片原来的宽度和高度不同

hspace和vspace分别用于设定图像的左右边框大小和上下边框大小在图文混排时会用到

ismp和usemap在应用图像地图时使用ismap表示图像地图的数据存放在服务器中当鼠标在图像上的某个区域上时可以将此区域的坐标传送给服务器处理usemap则用于设定图像地图的名称

onloadonabortonerror对应于设定的子程序分别在图像被载入取消载入载入出错的情况下各自对应的子程序不常用

dynsrc指定要下载的影像片断的url地址

controls设定影像播放的控制接钮

loop指定影像片断的播放次数当loop=时影像片断将循环播放直至页面更新

start设定何时开始播放影像片断有三种选择start=fileopen表示页面载入后即开始播放默认的就是这种状态start=mouseover表示当鼠标移到影像上即开始播放start=fileopenmouseover表示当有上面两种情况之一发生时就开始播放

上边这张图片的边框是border=所产生的效果注意边框的颜色默认的是黑色不美观而标记也没有设置边框颜色的参数我们可以通过设置Class参数调用CSS达到改变边框颜色的目的如本例的完整代码是

这里的CSS的style放在网页源代码的与之间其代码为

给图片加动态说明和替代文字

若想制作当鼠标移到图片上出现一行简短说明文字的效果不必去使用图层技术(特殊效果的说明除外)设定title参数就行了例在上例的图片的代码改成这样这样当鼠标移到图片上就会

给图片加上替代文字是一种好习惯象上例那样设置alt参数当用户关闭图像显示或页面刚刚下载时图片还没来不得及显示时图像的替代文字就会显示出来这样用户就能知道对应的图像内容

图像与文字混排

图文混排主要是设置align参数在这里要注意

) topmiddlecenterbottom所产生的效果只是一行文字在多行文本与图象对齐时要用left和right参数值

)中的对齐参数align所产生的效果是指图片与周围文字的位置关系而图片在页面中的位置对齐是在图片所在的页面元素中设置的如下面这段代码

在上面这段代码中标记

中的align=left表示图片的位置在窗口的左端而中的align=top则表示图片旁边的文字与图片的顶端对齐

)为了避免图片与旁边文字挨得太近不便阅读可以通过设置hspace参数来控制图片与文字间的距离一般设置hspace=(表示图片的左右有个像素的空白)就能达到较好的效果

当用户的鼠标放在图片上时图片会自动更换鼠标离开之后图片又会恢复原来的样了象上边所示的这种效果当把鼠标移到上面时看到的效果似乎是那个白色窗口向上下展开了实际上是换了一张图片鼠标移开又恢复了原样制作这样的效果先要给欲替换的图片设定名字本例中是name=webjx然后设定onmuseover和onmouseout 参数本例标记的完整代码如下

采用本例来制作动态按钮将会达到很吸引人的效果

在网页加入影像片断

例在video目录下有一介绍网页制作的影像片断文件webavi现要在网页中播放那么源代码是这样的

上面这段代码的效果是当鼠标移开影像片断上时即开始训动媒体播放器播放影像一次并且还设定了显示播放器控制面板以便对播放过程进行控制

从上面的代码可以看出在网页中加入影像片断与加普通图像基本相同如它们都要指定来源设定大小和替代文字等但在这里请注意加入影像片断时要使用dynsrc参数且不能再在同个标记中使用src参数否则将不能播放影像片断只能显示替代文字了

以上就是我们给大家介绍的html图像标记了。希望大家继续关注我们的网站！