第2章 排列页面内容.pptxVIP

第2章排列页面内容HTML5网页设计

回顾HTML是HypertextMarkupLanguage（超文本标记语言）的缩写。超文本使网页之间具有跳转的能力，是一种信息组织的方式，使浏览者可以选择阅读的路径，从而可以不需要按顺序阅读。HTML5标签所有内容都在html/html标签之内；head/head内放的是头部信息，是对页面的描述，不会直接显示在页面中，head内的title中设置的是页面的标题，title只能放在head中；body是页面的主体，大部分显示内容都定义在这里。在HTML中，常用标签有：标签标签(h1~h6)、段落标签（p）、换行标签（br/）、强调标签（b或strong）、图像标签（img/）和链接标签（a/a）。

本章内容音频标签和视频标签列表、div以及span标签表格标签表格的美化修饰和布局制作在线播放视频页面制作博客页面制作数码频道页面制作3C频道页面

2.1音频标签和视频标签音频标签视频标签制作在线播放视频页面2025

2.1.1音频标签HTML5提供了一个标准的方式来播放Web中的音频文件，用户不再为浏览器播放插件如AdobeFlash、AppleQuickTime的升级而烦恼，只需使用现代浏览器就可以欣赏任何可以发出声音的Web网站。HTML5定义了一个新的元素，用来指定标准的方式来插入音频文件到Web页面中：audio标签。目前支持audio标签的浏览器有IE9、Firefox、Opera、Chrome和Safari。IE8和更早的版本，不支持audio标签。

2.1.1音频标签audiowidth=“640”height=“360”src=“music.mp3”controls=“true”您的浏览器不支持audio元素！/audioaudiowidth=“640”height=“360”sourcesrc=music.ogg/sourcesrc=music.mp3/sourcesrc=music.wav//audio

2.1.1音频标签音频标签的属性主要控制音频的播放与停止，循环播放与播放次数设置以及播放位置等属性值描述autoplayautoplay如果是autoplay，则音频在就绪后马上播放controlscontrols如果是controls，则向用户显示控件，如播放按钮end数字值定义播放器在音频流中的何处停止播放。默认声音会播放到结尾loopend数字值定义在音频流中循环播放停止的位置，默认是end属性的值loopstart数字值定义在音频流中循环播放的开始位置。默认是start属性的值playcount数字值定义音频片断播放多少次，默认是1srcurl地址所播放音频的url地址start数字值定义播放器在音频流中开始播放的位置。默认声音在开头进行播放

2.1.2视频标签许多时髦的网站都提供视频。HTML5提供了展示视频的标准。HTML5规定了一种通过video元素来包含视频的标准方法。

2.1.2视频标签videowidth=“640”height=“360”src=“video.mp4”controls=“controls”您的浏览器不支持video元素！/videovideowidth=320height=240controls=controlssourcesrc=movie.oggtype=video/oggsourcesrc=movie.mp4type=video/mp4您的浏览器不支持audio元素！/video

2.1.2视频标签视频标签的属性属性值描述autoplayautoplay如果是autoplay，则视频在就绪后马上播放srcurl地址所播放视频的url地址perloadnone|metadata|auto用于指定视频或音频数据是否预加载：none（不进行预加载）、metadata（只预加载媒体的元数据）和auto（预加载全部视频或音频）looploop用于指定是否循环播放视频或音频posterurl地址视频加载时显示的图像，或者在用户点击播放按钮前显示的图像controlscontrols如果是controls，则向用户显示控件，如播放按钮width数字值用于指定视频的宽度height数字值用于指定视频的高度

2.1.2视频标签body videoposter=/2010/05/sintel/post