第2章 网页设计基础语言HTML与XHTML精要.ppt

网页设计与制作教程 （Dreamweaver+Photoshop+Flash） 机械工业出版社 第2章 HTML与XTML 2.1 HTML与XHTML 1．HTML与XHTNL是什么 HTML（超文本标签语言）和XHTML（可扩展超文本标识语言）都是一种用于文档布局和超文本链接规范的语言。它定义了许多带有语义的命令，虽然浏览器中不会显示这些命令，但是它们可以告诉浏览器如何显示文档内容（如文本、图片和其他媒体等）。这种语言还可以通过超文本链接把用户的文档与其他互联网资源联系起来。 总而言之，XHTML就是一个扮演着类似HTML角色的XML。本质上，XHTML是一个过渡，结合了XML的一些功能和HTML大多数的特性。 2．什么是HTML文档 HTML文档包含HTML标签和纯文本，它被Web浏览器读取并解析后以网页的形式显示出来，所以HTML文档又被称为网页。 2.1.1 HTML概述及其语法 3．什么是HTML标签 标签（tag，也称标记）是用一对尖括号“”和“”括起来的单词或单词缩写，它是HTML文档的主要组成部分。 4．HTML文档的基本结构 2.1.1 HTML概述及其语法 2.1 HTML与XHTML 2.1.2 使用记事本创建HTML文档 2.1 HTML与XHTML 1．XHTML文档 XHTML是The Extensible Hyper Text Markup Language(可扩展超文本标识语言)的缩写，它是一种标记语言，不需要编译便可直接由浏览器执行，表现方式与超文本置标语言（HTML）类似。 2．XHTML文档的基本结构 （1） 文档类型声明部分。 （2）名字空间。 （3）head元素。 （4）title元素。 （5）body元素。 2.1.3 XHTML概述 2.1 HTML与XHTML XHTML语法规则比HTML语法规则要严格许多，具体内容主要分为以下几方面： 1．所有的标签都必须关闭，即便是空标签也必须关闭 2．所有标签的属性必须是小写 3．所有标签的属性值必须用英文格式的双引号括起来 4．所有标签都必须合理嵌套 5．特殊字符需用编码表示 6．明确属性值，且不能简写 7．用id属性代替name属性 8．页面注释 。 2.1.4 HTML与XHTML有何区别 2.1 HTML与XHTML 2.2 页面标签 1．title标签 title标签位于head与/head中，用于标示文档标题。 2.2.1 排版标签 在网页中使用h系列标签标示标题，h系列标签共有6个，即h1～h6，它们就像大纲的级别一样，h1代表最顶级的标题，字号最大；h6标题级别最小，字号也最小。 2．标题标签 2.2 页面标签 4．换行标签 3．段落标签 2.2 页面标签 hr标签用于告诉浏览器在何处插入一个横跨整个显示器窗口的水平分割线。 5．水平分割线标签 2.2 页面标签 2．图像标签 1．超链接标签 2.2.2 超链接标签与图像标签 2.2 页面标签 1．无序列表——ul 2.2.3 列表标签 2.2 页面标签 浏览器会将有序列表的内容格式设置为与无序列表相似的外观，唯一不同的是列表条目前面添加的是编号，而不是项目符号。 2．有序列表——ol 2.2 页面标签 3．定义列表——dl 定义列表的条目可以带有文本、图片和其他多媒体元素，它由dl和/dl标签所包围。 2.2 页面标签 2.2.4 表格标签 1．table标签 2．tr标签 3．th与td标签 2.2 页面标签 2.2.5 表单标签 2.2 页面标签 2.2.5 表单标签 1．form标签 form标签用于为用户输入创建HTML表单。在文档主体中，表单可以被放置于任何位置，只要将表单的元素都放在form标签与/form结束标签中就可以，此外form元素