1、第2章 HTML入门,本章主要介绍HTML相关的知识。涉及到的知识点有网页的结构和常见的HTML标签的使用方法。通过本章的学习，读者能够对HTML有比较全面的认识，能够使用HTML来设计简单的网页。,2.1 HTML的基本语法,本节介绍HTML文档的构成要素，以及如何直接编辑HTML源代码来设计HTML文档。,2.1.1 HTML静态网页结构,静态网页一般都以html或者htm作为后缀，以区别于动态的网页。HTML文档实际上是1种文本文件，因此，用户可以用普通的文本编辑工具来查看、创建或修改HTML文档。,2.1.2 创建HTML静态网页,下面介绍如何使用可视化网页设计工具Adobe Drea
2、mweaver来创建1个静态网页。,2.2 常见的HTML标签,HTML文档是由HTML元素构成的，而HTML元素是由HTML标签标记的。每个HTML标签都有相应的作用和使用方法。本节将介绍网页设计中经常用到的HTML标签的使用方法。,2.2.1 基础类标签,基础类标签包括html、head、title、style、link、body等。 html标签：HTML文档的开始和结束标签。 head标签：HTML文档的头信息。 title标签：HTML文档的标题。 base标签：HTML文档的基URL。 style标签：声明样式。 link标签：引用外部资源。 script标签：脚本。 Body标签
3、：HTML文档的正文。,2.2.2 窗体类标签,窗体又称为框架。窗体类标签包括frameset、frame、iframe。 frameset标签：frameset标签代替body标签，定义框架集的行和列。 frame标签：定义框架页中的1个框架。 iframe标签：定义内联框架。,2.2.3 容器类标签,容器类标签主要包括div、table、tbody、tr、td、th、tfoot等。 div标签：表示1个块。 table标签：HTML表格。 thead、tbody和tfoot标签：分别表示表头、主体以及表注。 tr标签：表格中的行。 td标签：单元格。 th标签：表头。,2.2.4 列表类标
4、签,该类标签是关于HTML文档中列表的，包含dl、dt、dd、ol、li、ul等标签。 dl标签：自定义列表。 dt标签：自定义列表项目，即dl标签中的项目名称。 dd标签：自定义列表描述，即dl标签中的项目描述。 ol标签：有序列表。 li标签：列表项目。 ul标签：无序列表。,2.2.5 排版类标签,排版类标签是关于HTML内容的版面分布的标签。该类标签包含br、center、p、span、pre、hr等。 br标签：换行。 center标签：使内容居中。 p标签：段落。 span标签：内联行。 pre标签：预定义格式。 hr标签：水平线。,2.2.6 文字样式类标签,该类标签用于修饰文本
5、的显示样式。主要有h、b、em、font、strong、sup以及sub等。 h标签：标题 b标签：加粗 em标签：强调 strong标签：强调 sup标签：上标 sub标签：下标,2.2.7 功能类标签,该类标签实现HTML文档中的某些特殊的功能。主要包括a、img、map、area和marquee等。 a标签：链接 img标签：图像 map标签：映射 area标签：热区,2.2.8 表单类标签,该类标签主要是为了与Web服务器交互，把用户在浏览器中输入的数据提交给Web服务器。主要包括form、input、select、option、textarea等。 form标签：表单 input标签
6、：单行表单域 select标签：列表 option标签：列表项 textarea标签：多行文本框,2.2.9 多媒体类标签,该类标签用于在HTML文档中插入多媒体内容，例如音乐、视频等。主要包括object、applet、embed、bgsound等标签。,2.2.10 特殊标记,特殊标记是在HTML文档中显示的某些特殊的字符，例如英镑符号、欧元符号、版权符号等。这些符号在HTML里面都有固定的代码。,2.3 实例：制作1个用户注册页面,本节使用文本编辑器制作1个简单的用户注册页面。,2.4 常见问题,本节介绍初学者在学习HTML语言的时候，经常遇到的问题。,2.4.1 HTML代码的大小写问
7、题,初学者在阅读其他人编写的HTML代码的时候，经常会发现有的人编写的HTML代码是大写的，有的人编写的代码是小写的，有的甚至大小写混杂在一起。 目前，所有的浏览器对于HTML代码的大小写都是允许的，例如一个表格标签table，可以被写成TABLE或者Table。对于这些不同的形式，浏览器都可以正常解析。 但是，HTML规范规定，所有的HTML标签及其属性都应该是小写的。所以为了规范起见，本书推荐使用小写字母来编写HTML代码。,2.4.2 不同的浏览器之间的兼容性问题,HTML语言虽然有统一的标准，但是各浏览器厂商对于这个标准的支持程度不同，对于某些标签属性的缺省值的规定也不尽相同。有的厂商
8、例如微软，甚至还扩展了W3C制订的HTML标准，增加了某些标签或者属性。 这些问题导致同一个网页在不同的浏览器中显示效果不同，有时甚至不能正常显示。因此，开发者在设计网页的时候，应该尽量避免使用只有某个浏览器才能识别的标签或者属性。对于属性的缺省值，也应该明确指定，而不应该让浏览器去决定缺省值。 在选择网页制作工具的时候，也应该选择第三方厂商开发的软件，例如Adobe公司的Dreamweaver。这些第三方的软件通常会考虑到各种浏览器的兼容性问题。,2.4.3 HTML、XHTML和XML,HTML、XHTML和XML都是标准通用标记语言（SGML）的子集。其中HTML是超文本标记语言，而XHTML是扩展的超文本标记语言，XML是可扩展标记语言。前面两种语言都是用来设计网页的，而XML是用来传递数据的。,2.5 小结,本章介绍的HTML语言是整个网页制作的基础。主要内容包括HTML的基本语法、常用的HTML标签以及通过编辑源代码来设计网页。重点在于掌握好HTML的基本语法、各种常用的HTML标签的常见属性以及取值范围。要掌握好HTML并非短时间内可以完成的。读者应该在不断地实践当中，逐步积累网页制作的方法技巧，逐步深入理解HTML语言的各个方面，才能做到灵活运用。,
