网页设计与制作教程（Dreamweaver +Photoshop+Flash版） 教学配套课件 刘瑞新 第2章 网页设计基础语言HTML与XHTML.pdfVIP

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