第2章 HTML入门

《第2章 HTML入门》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

第2章HTML入门本章主要介绍HTML相关的知识。涉及到的知识点有网页的结构和常见的HTML标签的使用方法。通过本章的学习，读者能够对HTML有比较全面的认识，能够使用HTML来设计简单的网页。 2.1HTML的基本语法本节介绍HTML文档的构成要素，以及如何直接编辑HTML源代码来设计HTML文档。 2.1.1HTML静态网页结构静态网页一般都以html或者htm作为后缀，以区别于动态的网页。HTML文档实际上是1种文本文件，因此，用户可以用普通的文本编辑工具来查看、创建或修改HTML文档。 2.1.2创建HTML静态网页下面介绍如何使用可视化网页设计工具AdobeDreamweaver来创建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标签：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列表类标签该类标签是关于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文字样式类标签该类标签用于修饰文本的显示样式。主要有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标签：单行表单域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.1HTML代码的大小写问题初学者在阅读其他人编写的HTML代码的时候，经常会发现有的人编写的HTML代码是大写的，有的人编写的代码是小写的，有的甚至大小写混杂在一起。目前，所有的浏览器对于HTML代码的大小写都是允许的，例如一个表格标签table，可以被写成TABLE或者Table。对于这些不同的形式，浏览器都可以正常解析。但是，HTML规范规定，所有的HTML标签及其属性都应该是小写的。所以为了规范起见，本书推荐使用小写字母来编写HTML代码。 2.4.2不同的浏览器之间的兼容性问题HTML语言虽然有统一的标准，但是各浏览器厂商对于这个标准的支持程度不同，对于某些标签属性的缺省值的规定也不尽相同。有的厂商例如微软，甚至还扩展了W3C制订的HTML标准，增加了某些标签或者属性。这些问题导致同一个网页在不同的浏览器中显示效果不同，有时甚至不能正常显示。因此，开发者在设计网页的时候，应该尽量避免使用只有某个浏览器才能识别的标签或者属性。对于属性的缺省值，也应该明确指定，而不应该让浏览器去决定缺省值。在选择网页制作工具的时候，也应该选择第三方厂商开发的软件，例如Adobe公司的Dreamweaver。这些第三方的软件通常会考虑到各种浏览器的兼容性问题。 2.4.3HTML、XHTML和XMLHTML、XHTML和XML都是标准通用标记语言（SGML）的子集。其中HTML是超文本标记语言，而XHTML是扩展的超文本标记语言，XML是可扩展标记语言。前面两种语言都是用来设计网页的，而XML是用来传递数据的。 2.5小结本章介绍的HTML语言是整个网页制作的基础。主要内容包括HTML的基本语法、常用的HTML标签以及通过编辑源代码来设计网页。重点在于掌握好HTML的基本语法、各种常用的HTML标签的常见属性以及取值范围。要掌握好HTML并非短时间内可以完成的。读者应该在不断地实践当中，逐步积累网页制作的方法技巧，逐步深入理解HTML语言的各个方面，才能做到灵活运用。