zoukankan      html  css  js  c++  java
  • 《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属性可以用来设置滚动过程中,文字相邻两次移动之间的时间间隔,以毫秒为单位。值越小,越快。

    Desire has no rest.
  • 相关阅读:
    C语言II作业01
    C语言寒假大作战04
    C语言寒假大作战03
    C语言寒假大作战02
    C语言寒假大作战01
    C语言ll作业01
    C语言寒假大作战04
    C语言寒假大作战03
    C语言寒假大作战02
    C语言寒假大作战01
  • 原文地址:https://www.cnblogs.com/samcn/p/1433711.html
Copyright © 2011-2022 走看看