第2章文本标记语言基础(ppt)讲述.ppt

第2章 文本标记语言基础 2.2.6 常见的表单元素 + 2.2 常见的HTML元素 （1）表单元素能够包含input（输入框）元素。 input元素，根据其type属性可以分为button（普通按钮）、checkbox（复选框）、radio（单选框）、text（单行文本框）、password（密码输入框）和submit（提交按钮）等。 （2）表单元素能够包含label（表单控件名称）元素。 （3）表单元素能够包含fieldset（表单控件组）元素。 例：ch02-12-表单元素实例 第2章 文本标记语言基础 2.3.1 HTML5视频标签video + 2.3 HTML5新增标签 1．video元素支持的视频格式 video元素支持的视频格式有三种，Ogg；MPEG4；WebM。 2．使用video元素添加视频 目前主流浏览器对视频格式的支持有所不同，读者在预览时需要注意本地浏览器的版本，建议使用Firefox 6或更高版本。 第2章 文本标记语言基础 【教与练2-13】：video元素 + 2.2 常见的HTML元素 !DOCTYPE HTML html body video width=320 height=240 controls=controls source src=movie/wf.ogg type=video/ogg source src=movie/wf.mp4 type=video/mp4 对不起！您的浏览器不支持video标签。 /video /body /html IE 6预览时的video元素页面效果 Firefox 6预览时的video元素网页效果 第2章 文本标记语言基础 2.3.2 HTML5音频标签audio + 2.2 常见的HTML元素 1．audio元素支持的音频格式 audio元素支持三种音频格式，它们是Ogg Vorbis、MP3和Wav。 2．使用audio元素添加音频 目前主流浏览器对音频格式的支持有所不同，这里建议读者使用Firefox 6或更高版本进行测试。 第2章 文本标记语言基础 2.3.2 HTML5音频标签audio + 2.2 常见的HTML元素 【教与练2-14】：audio元素 !DOCTYPE HTML html head titleHTML5音频标签audio/title /head body audio controls=controls source src=music/dx.oggtype=audio/ogg source src=music/dx.mp3type=audio/mp3 对不起！您的浏览器不支持audio标签。 /audio /body /html IE 6预览时的audio元素页面效果 Firefox 6预览时的audio元素网页效果 第2章 文本标记语言基础 + 2.4 案例精粹——文本标记语言的综合运用 图2-24 网页预览效果 第2章 文本标记语言基础 + 2.5 举一反三——使用记事本创建网页 清华大学 清华大学 清华大学 清华大学 清华大学 清华大学 清华大学 清华大学 清华大学 清华大学 清华大学 清华大学 清华大学 网页设计与制作实用教程 吴 丰 主编 清华大学出版社 第2章 文本标记语言基础 2.1.1 什么是HTML和XHTML + 2.1 HTML和XHTML 1．HTML HTML是Hyper Text Markup Language的缩写，其含义是超文本标记语言，它通过标记符号来标记要显示的网页中的各个部分。浏览器在阅读网页文件时，根据不同标记符来解释和显示其标记的内容。 2．XHTML XHTML是The Extensible Hyper Text Markup Language(可扩展超文本标识语言)的缩写，表现方式与超文本置标语言（HTML）类似。 第2章 文本标记语言基础 2.1.2 HTML文件的编写与显示 + 2.1 HTML和XHTML HTML文件可以被多种工具软件进行编辑，如记事本、UltraEdit、KindEditor和Dreamweaver等。 【教与练2-1】：第一个网页。 html head title我的第一个网页作品/title /head body h1我编写的HTML文档/h1 hr p这是我第一次用记事本编写网页：) /p /body /html 第2章 文本标记语言基础 2.1.3 标签、元素和属性 + 2.1 HTML和XHTML 1．什么是标签 HTML标签由一对尖括号“”和“”，以及标签名组成。标签分为“起始标签”和“结束标签”两种。 （