第4章XHTML基础.ppt

第4章 XHTML基础 本章知识结构框图 本章知识要点学习方法 学习激励与案例导航 4.1 XHTML概述 3．表单标签form 表单内的input标签input标签的属性“type”的属性 值如下。 ① 文本框的语法格式为 ② 密码框的语法格式为 ③ 复选框的语法格式为 ④ 单选框的语法格式为 ⑤ 普通按钮的语法格式为 ⑥ 重置按钮的语法格式为 ⑦ 提交按钮的语法格式为 ⑧ 图片域的语法格式为 ⑨ 文件域的语法格式为 ⑩ 隐藏域的语法格式为 3．表单标签form 表单内的input标签input标签的属性“type”的属性 值如下。 ① 文本框的语法格式为 ② 密码框的语法格式为 ③ 复选框的语法格式为 ④ 单选框的语法格式为 ⑤ 普通按钮的语法格式为 ⑥ 重置按钮的语法格式为 ⑦ 提交按钮的语法格式为 ⑧ 图片域的语法格式为 ⑨ 文件域的语法格式为 ⑩ 隐藏域的语法格式为 (2) 文本域的语法格式为 (3) 下拉框的语法格式为 (2) 文本域的语法格式为 (3) 下拉框的语法格式为 (2) 文本域的语法格式为 (3) 下拉框的语法格式为 4.4 网页表现语言CSS 4.4.1 CSS的含义 CSS是Cascading Style Sheets(层叠样式表)的简称，用于 增强控制网页样式并允许将样式信息与网页内容分离的一种标 记语言。引入CSS的目的就是把结构与样式分离即减少网页的代 码量，加快页面传送速度。它可以有效地对页面的布局、颜色 和字体等实现更加精确的控制。 4.4.2 把CSS样式加到网页中 可以使用4种方法把 样式加到网页中。 1．行内样式 2．内嵌样式 3．链接到单个外部样式单文件 4．导入多个外部样式单文件 4.4.2 把CSS样式加到网页中 1．行内样式 2．内嵌样式 3．链接到单个外部样式单文件 4．导入多个外部样式单文件 4.4.2 把CSS样式加到网页中 1．行内样式 2．内嵌样式 3．链接到单个外部样式单文件 4．导入多个外部样式单文件 4.4.2 把CSS样式加到网页中 1．行内样式 2．内嵌样式 3．链接到单个外部样式单文件 4．导入多个外部样式单文件 4.4.2 把CSS样式加到网页中 1．行内样式 2．内嵌样式 3．链接到单个外部样式单文件 4．导入多个外部样式单文件 4.4.2 把CSS样式加到网页中 1．行内样式 2．内嵌样式 3．链接到单个外部样式单文件 4．导入多个外部样式单文件 4.4.2 把CSS样式加到网页中 1．行内样式 2．内嵌样式 3．链接到单个外部样式单文件 4．导入多个外部样式单文件 4.4.3 样式的属性 1．背景属性 2．字体属性 + 样式的属性 + 3．文本属性 4.4.3 样式的属性 2．字体属性 1．背景属性 3．文本属性 4.4.3 样式的属性 2．字体属性 1．背景属性 3．文本属性 4.4.3 样式的属性 2．字体属性 1．背景属性 3．文本属性 4.4.3 样式的属性 2．字体属性 1．背景属性 3．文本属性 本章小结 1．本章知识概述 本章从XHTML语言基本概念开始，重点阐述了XHTML的基础知识，XHTML属性和事件，以及XHTML的标签及CSS样式。全面讲解XHTML的结构及XHTML与HTML版本的区别，以及如何把HTML网页内容转换为XHTML网页内容，从而使网页内容更接近Web标准。本章最后对XHTML的标签与CSS样式的综合应用进行了探讨。 2．本章名词 HTML语言、XHTML语言、XML语言、W3C、CSS样式。 3．本章的数字 XHTML与HTML最主要的4个区别，XHTML文档的3个构成方面，XHTML文档的3个类型，HTML转换成XHTML的4类属性，XHTML的4类事件，XHTML的常用13类标签，把CSS样式加到网页中的4种方法，样式的3类属性。 本章小结 每课一考 一、填空题(40空，每空1分，共40分) 1．网页是以html开头，并以/html结尾的，它们分别代表( )文件 的开始和结束。英文中( )是头的意思，( )是身体的意思。 2．非空元素必须得有结束标签，空标签同样也得关闭，可以在开始标签后 加上( )即可。 3．XHTML出现的目的是( )。 4．表态网页是标准的HTML文件，其文件扩展名是( )或( )。 5．样式单文件的注释格式是( )，CSS样式单文件中的注释是( )。 6．浏览器会忽略注释