3. 第二章 HTML语言（二）.pptx

;;;2.1 HTML基本语法 2.2 HTML文档基本结构 2.3 HTML文档头部相关标签 2.4 段落与文本格式化 2.5 列表 2.6 超链接 ;2.7 图像与多媒体 要构建一个丰富多彩的网站，网页中仅有文字和超链接是远远不够的，图像、音频、视频、Flash动画等多媒体资源可以丰富一个网站的内容，能够吸引更多的访问者。 2.7.1 图像 img标签用来在网页文件中插入图像，通过设置该标签的相关属性，可以设置所插入图像的显示大小、替换文字等。img标签的基本语法格式为： img src=图像文件的URL地址 width=图像显示宽度 height=图像显示高度 border=边框宽度 alt=替换文字 align=图像与周边文字的对齐方式 img标签的属性比较多，使用起来有很大的灵活性，但在网页设计当中，这些属性用的较多的是src、width、height和alt，其他的属性所实现的效果通常使用样式表来进行控制。几个常用属性是：; 1. src属性：设定要显示图像的URL地址。 2. width属性：设置图像在浏览器中显示的宽度（像素单位）。 3. height属性：设置图像在浏览器中显示的高度（像素单位） 4. alt属性：当图片在浏览器中无法显示的时候，替代显示的文字信息。 5. border属性：设置图像周围的边框。 img标签还有align、hspace、vspace等图像对齐方式和间距有关的属性，在实际的网页设计过程中，很少使用这几个属性进行图片和文字的混排，通常使用样式表来控制图文混排的效果。所以这几个属性就不做详细介绍了。; 2.7.2 图像映射 图像映射是指带有可点击区域的一幅图像，要完成图像映射要用到三种标签：img 标签、map标签和area标签。 1. map标签与area标签用于定于图像中的映射区域，area标签永远嵌套在 map标签内部，用于定义图像的具体映射区域。 （1）map标签的基本语法格式为： map name=map名称 area/ area/ /map map标签的name属性所定义的名字，将被img标签的usemap属性引用。; （2）area标签的基本语法格式为： area shape=rect|poly|circle coords=映射坐标 alt=提示/ shape属性的取值用于确定映射区域的形状，映射区域的坐标由coords属性来具体指定。 如果shape=rect，则映射区域为矩形区域，coords属性的值为x1,y1,x2,y2，用于定义矩形区域的左上角和右下角坐标。 如果shape=circle，则映射区域为圆形，coords属性的值为x,y,radius，用于定义圆形区域圆心的坐标和半径。 如果shape=poly，则映射区域为多边形，coords的值为x1,y1,x2,y2,xn,yn，用于定义多边形各个顶点的坐标，如果最后一个坐标和第一个不一致，浏览器会自动添加最后坐标，以实现图形的封闭。;2.7.3 音频和视频 在网页中，适当的插入音频和视频，可以让一个网页呈现出丰富多彩的展示效果，以吸引更多的用户来访问我们的网站。 使用HTML 5的audio和video标签，不需要第三方插件就能播放音频和视频，并且用同一的API接口控制，可以很方便的把所需的音频和视频插入到网页当中。 1. 音频audio标签 audio标签用于定义网页中的声音，如音乐或音频流等，audio元素支持MP3、Wav、Ogg等三种常用的格式。该标签的基本语法格式为： audio controls autoplay  source src= type=audio/ogg/  source src= type=audio/ogg/ /audio; audio标签的几个属性作用如下： （1）autoplay：如果出现该属性，则音频就绪后马上自动播放。若没有该属性，音频就绪后需手动播放音频。 （2）controls：音频控件属性，若出现该属性，则向用户显示控件（静音/播放/暂停音量）。若没有该属性，则控件是不显示的。 具体要播放的音频，需要使用嵌套在audio标签中的source标签来定义媒体资源。可以提供两个音频文件供浏览器根据浏览器本身对音频文件类型或编解码器的支持进行选择。该标签主要有以下几个常用的属性：; （1）src：表示音频文件的URL地址。 （2）type：表示要播放媒体资源的MIME类型，常用音频类型有audio/ogg、audio/mpeg等格式。 （3）loop：表示音频循环播放。若没有该属性，音频播放结束后就暂停，若有该属性，音频播放结束后循环开始播放该音频。 （4）preload：确定当页面