《HTML & XHTML权威指南》的学习笔记03 -- 第五章.分隔线,图像,多媒体

5.1 水平分割线
 <hr>标签
 属性:
 size
 --通常下,浏览器以2-3个像素。
 noshade
 --如果不希望分割线是3D的,而希望使用扁平的2D分隔线,那么只要把noshade属性加到<hr>标签中,就可以去掉3D效果。

在HTML中不要求给它赋值,但是在XHTML中,则要用noshade="noshade"。
 width
 --默认分隔线会横跨整个显示窗口。可以通过width属性来缩短或者加长分隔线的长度。
 align
 --left,right,center
 color
 --分隔线的颜色。只受IE和Netscape的支持。
 class, dir, event, id, lang, style, title属性
 --通用的属性。

组合分隔线的各种属性以获得特殊效果。例如:
<hr size=32 width="50%" align=center>

5.2 把图像插入文档
<img>标签
在文档中插入一个图像
属性:
 src
 --src属性是必须的。它的值是图像文件的URL,也就是引用该图像的文档的绝对地址或者相对地址。
 lowsrc
 --Netscape的早期版本在<img>标签中提供了src的姊妹属性lowsrc属性。在第一次遇到<img>标签时,由这个地址下载并显示

lowsrc图像。当整个文档下载完毕并且可以被用户浏览时,Netscape再继续下载由src指定的图像。

 alt,longdesc属性
 --alt属性指定了替代文本,用于图像无法显示或者被用户禁用了图像显示时,代替图像显示在浏览器中的内容。强烈推荐

在文档的每个图像中都是用这个属性。alt属性值是一个最多可以包含1024个字符的字符串。
 align
 --对其关系。HTML,XHTML标准指定了5中对齐属性值:left, right, top, middle, bottom。
 浏览器还支持另外5种图像对齐扩展属性: texttop,center,absmiddle, baseline, absbottom。
 border
 --图像的边框。在标签中使用“border=0”属性,就可以把图像超链接周围的边框去掉。
 height, width
 --高度,宽度
 hspace,vspace
 --通常图形浏览器不会在图像和其周围的文字直接留出很多空间,默认是两个像素的距离。 hspace和vspace属性可以给图

像一个自由呼吸的空间。
 ismap, usemape
 --当用户设置ismap属性,在图像上点击某处时,浏览器会自动把鼠标的坐标位置发送到服务器端。服务器做出响应。
 --usemap属性是一个URL值,他指向特殊的<map>和<area>标签,同时包含相应的超链接URL。
 class, dir, event, id, lang, style和title, name, onAbort, onError, onLoad和其他事件属性
 --通用的属性
 
5.2.1 视频扩展
 dynsrc属性
 --在<img>标签中使用dynsrc属性扩展,可以使IE显示一段AVI,MPG,MPEG,MOV,WMV或者任何流行电影格式。
 <img dynsrc="movies/intro.avi" src="pics/mvstill.gif">
 IE中会加载并播放AVI文件;其他浏览器会显示图片。
 controls属性
 --IE5或者更高版本的IE已经不再支持这种做法,但是老版本中,用户还是可以使用controls属性(没有值)在播放器窗口中

单击鼠标来重启,停止和继续播放电影。例如:
 <img dynsrc="movies/intro.avi" controls src="pics/mvstill.gif">
 loop属性
 --指定播放的次数。 loop=infinite会循环播放下去。
 start属性
 --如果设置为mouseover时,鼠标移动至电影时,才播放。如果设置fileopen,它是默认值,下载之后马上播放。
 <img dynsrc="movies/intro.avi" start="fileopen,mouseover" src= "pics/mvstill.gif">

5.3 文档的颜色和背景图像
<body>标签的补充和扩展
 bgcolor
 --文档的背景颜色。例:<body bgcolor="FF0000">或者<body bgcolor="peach">。
 background
 --文档的背景图像。值是一个URL。浏览器默认会在水平和垂直方向上重复平铺窗口。
 bgproperties
 --主流浏览器不再支持。
 leftmargin
 --相对于浏览器窗口左边边缘缩进的边界。默认值是0像素。
 topmargin
 --同上leftmargin。

5.4 背景音乐
 <bgsound>标签
 可以通过src属性来设置背景音乐。loop属性可以设置循环次数。

5.5 活动文字
 <marquee>标签
 创建一个滚动的文本框
 属性:
 align,对齐方式。有3个值:top,middle, bottom。
 behavior,滚动方式。有3个值:scroll(默认值), slide, alternate。
 direction,字幕文字指定滚动方向。left(默认值)和right。
 loop,循环次数。
 bgcolor,height,width,hspace,vspace,使一些通用属性。同上。
 scrollamount属性值是滚动过程中,文字每次移动的像素数。
 scrolldelay属性可以用来设置滚动过程中,文字相邻两次移动之间的时间间隔,以毫秒为单位。值越小,越快。

你可能感兴趣的:(XHTML)