1、第二章 基本文档标记,本章内容：,标题标签- 段落标签 列表标签 无序列表 有序列表 定义列表 预格式化标签 上标和下标 ,换行标签 水平线标签 注释标签 特殊字符 图象 图象标签 路径,链接 链接到当前文本 链接到外部文件 链接到邮件 图象做链接 图象映射 多媒体文件,嵌入多媒体 背景音乐 动画 视频,本章任务1：制作图文并茂的页面,任务2：创建图象映射,任务2:制作有背景音乐、动画和视频 的页面,使用代码插入背景音乐 使用代码插入动画 使用代码插入视频,本章目标：,会使用基本标签-、特殊字符 会在文档中插入无序列表、有序列表和定义列表 会插入图片 并设定alt属性 会使用超级链接，链接到当
2、前文本、外部文件、邮件,会制作图像映射 会在文档中插入背景音乐、动画和视频,标题标签-,语义：这是一个标题 HTML提供了六级标题标签,用于显示文档的标题. - h1最大,h6最小.,段落标签,语义：这是一个段落 段落标记用于标记段落的开始,用于标记段落的结束. 下一个标签自动开始一个新的段落,列表标签,无序列表 项的顺序并不重要 包含在标签中 其中的项用来表示,例：广西 广东 湖南 ,有序列表 项应该按特定顺序阅读或办理。 包含在标签内 列表项也用表示,例：星期一 星期二 星期三 星期四 星期五 星期六 星期日 ,嵌套列表,例： 注意标签必须嵌套正确, 广西南宁 柳州 桂林广东广州 深圳 佛
3、山,定义列表 不仅仅是项的集合更是项及其说明的集合 包含在标签内 定义项 定义项说明 项和项说明之间有一种隐含的语义关系。 项说明可以是图片和链接,例：宝马 宝马是驰名世界的汽车企业，也被认为是高档汽车生产业的先导。宝马公司创建于1916年，总部设在幕尼黑。80年来，它由最初的一家飞机引擎生产厂发展成为今天以高级轿车为主导 奔驰 奔驰汽车公司是世界上资格最老的厂家，以生产高质量、高性能的豪华汽车闻名于世。也是世界十大汽车公司之一 奔驰公司总部设在德国斯图加特，雇员总数为185万人。年产汽车60万辆 ,标签(预格式化标签),标签用于显示预先定义好格式的文本,上标和下标,a2+b2=c2 H2O,
4、标签(换行标签), 标签都产生一个强制的换行 标签是单标签 使用标签的时候要这样写：,标签,标签用于在页面上绘制水平线,注释标签,注释可以包含文档说明、修改记录这类东西。 不会被浏览器显示，但访问者查看网页源代码可以看到他们。,图象,JPEG GIF PNG,标签,标签用于在文档中插入图象 标签是单标签 src属性:指定一个URL，指向图形文件的位置 alt属性: 提供与图象等价的替代性文本。 width属性:图象宽度，单位像素 height属性: 图象高度，单位像素,路径,绝对路径 相对路径 根相对路径,超级链接,在文档中用标签表示超级链接 href属性用于指定要链接文档的地址,链接到外部文
5、件,我到另一个文件去,链接到当前文档的特定位置,使用id属性创建命名锚记 我是锚记market 跳转到锚记 我去本页面的market 那里,扩展：链接到外部文档的的特定位置,在外部文档创建命名锚记 我是另外一个文档的锚记market 跳转到外部文档的锚记处 我去另外一个文档的market 那里,链接到邮件,扩展：图象做链接,练习：制作如下页面,要点：,要制作如图所示的网页，首先需要确定要使用的HTML标签。 使用标题标签（h1-h6）之一可显示文本“无敌食谱：美食佳肴”。 然后确定用于插入图象和对齐图象旁边文本的HTML标签。可使用标签插入图象，并使用次标签的align属性将文本放置在图象旁边
6、。 使用标签及其属性在网页中间显示水平线。 使用标签在网页中显示段落。 使用标题标签之一显示文本：“食谱“。 使用项目列表显示每道菜名。 使用标签制作菜名的超级链接 使用使用标题标签之一显示文本：“酸辣汤“。 使用标签显示预格式化的食谱详细内容。,图象映射,将图象划分为若干区域，每个区域链接到各自的目标文档 标签定义一个地图 name属性 Id属性,标签定义区域 shape:区域的形状 rect方型 circ圆型 poly多边型 coords:可点击区域坐标 href:一个url，用于指定区域的链接 alt:指定区域的替代性文本,使用标签usemap属性，属性值=“#地图的id值”,例：,练习
7、：创建图象映射,插入图象 使用和标签建立映射 把图象和映射联系起来 保存并预览,多媒体文件,音频 MIDI 格式 .mid 或 .midi 不能存储歌曲，仅能存储曲调 WAVE 格式 .wav 得到了所有运行 Windows 以及几乎所有最流行的 web 浏览器的支持 MP3 格式 .mp3 动画 Shockwave (Flash) 格式 .swf,视频 AVI 格式 由微软开发 得到了所有运行 Windows 的计算机的支持，以及绝大多数最流行的浏览器。在因特网上，它是非常普遍的一种格式，但是并不总能在非 Windows 的计算机上播放。 扩展名 .avi MPEG 格式 是因特网上最流行的
8、格式。它是跨平台的，且得到了所有最流行的浏览器的支持。其扩展名是 .mpg或 .mpeg。,QuickTime 格式 在因特网上 QuickTime 是一种普遍的格式，但是如果不安装额外的组件，QuickTime 格式的影片无法在 Windows 计算机上播放。后缀是.mov。 RealVideo 格式 RealAudio 格式由 Real Media 针对因特网开发。 此格式运行低带宽下的视频流（在线视频、因特网电视）。由于其低带宽的优先级，视频质量往往会被削弱。 以 RealVideo 格式存储的视频音频，其后缀是 .rm 或 .ram。,嵌入背景音乐,标签 IE支持，火狐不支持 属性：
9、balance设置音乐的左右均衡 delay是进行播放延时的设置 loop控制循环次数，设为-1可无限循环 src则是音乐文件的路径 volume是音量设置。 最小化页面音乐停止,标签 属性： autostart用来设置打开页面时音乐是否自动播放， hidden设置是否隐藏媒体播放器。 loop控制循环次数 IE、火狐都支持，如无插件则提示下载安装 最小化页面音乐不停止, 标签, 标签用于包含对象，比如图像、音频、视频以及 Flash等。 属性 classid :唯一地标识要使用的播放器软件 codebase :播放器的下载位置 width 和 height 属性匹配播放尺寸（以像素计）, 标
10、签,为包含它的 标签提供参数。 属性:name Value 例:src 参数指向电影文件 是否自动播放是否显示控制按钮,嵌入动画.swf,嵌入视频,.mov,添加 embed 元素，来支持那些不支持 object 元素的浏览器。 pluginspage 属性定义了播放器的下载路径,.rm /.ram ,.wmv,Windows Media Player版本号,Windows Media Player 7 及更高版本 clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6 较低版本 clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95,练习,在网页中插入背景音乐 在网页中插入动画 在网页中插入视频,总结,本章学习HTML的常用标签,包括在网页中插入多媒体文件 学完本章,应该能够制作出图文并茂、声色兼具的网页,
