(精品)第2章HTML入门.ppt

《(精品)第2章HTML入门.ppt》由会员分享，可在线阅读，更多相关《(精品)第2章HTML入门.ppt（21页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、第第2 2章章 HTMLHTML入门入门本章主要介绍本章主要介绍HTML相关的知识。涉及到的知识点有网相关的知识。涉及到的知识点有网页的结构和常见的页的结构和常见的HTML标签的使用方法。通过本章的学习，标签的使用方法。通过本章的学习，读者能够对读者能够对HTML有比较全面的认识，能够使用有比较全面的认识，能够使用HTML来设来设计简单的网页。计简单的网页。2.1 HTML2.1 HTML的基本语法的基本语法本节介绍本节介绍HTML文档的构成要素，以及如何直接编辑文档的构成要素，以及如何直接编辑HTML源代码来设计源代码来设计HTML文档。文档。2.1.1 HTML2.1.1 HTML静态网页

2、结构静态网页结构静态网页一般都以静态网页一般都以html或者或者htm作为后缀，以区别于动作为后缀，以区别于动态的网页。态的网页。HTML文档实际上是文档实际上是1种文本文件，因此，用户种文本文件，因此，用户可以用普通的文本编辑工具来查看、创建或修改可以用普通的文本编辑工具来查看、创建或修改HTML文档。文档。2.1.2 2.1.2 创建创建HTMLHTML静态网页静态网页下面介绍如何使用可视化网页设计工具下面介绍如何使用可视化网页设计工具Adobe Dreamweaver来创建来创建1个静态网页。个静态网页。2.2 2.2 常见的常见的HTMLHTML标签标签HTML文档是由文档是由HTML

3、元素构成的，而元素构成的，而HTML元素是元素是由由HTML标签标记的。每个标签标记的。每个HTML标签都有相应的作用和使标签都有相应的作用和使用方法。本节将介绍网页设计中经常用到的用方法。本节将介绍网页设计中经常用到的HTML标签的使标签的使用方法。用方法。2.2.1 2.2.1 基础类标签基础类标签基础类标签包括基础类标签包括html、head、title、style、link、body等。等。nhtml标签：标签：HTML文档的开始和结束标签。文档的开始和结束标签。nhead标签：标签：HTML文档的头信息。文档的头信息。ntitle标签：标签：HTML文档的标题。文档的标题。nbase

4、标签：标签：HTML文档的基文档的基URL。nstyle标签：声明样式。标签：声明样式。nlink标签：引用外部资源。标签：引用外部资源。nscript标签：脚本。标签：脚本。nBody标签：标签：HTML文档的正文。文档的正文。2.2.2 2.2.2 窗体类标签窗体类标签窗体又称为框架。窗体类标签包括窗体又称为框架。窗体类标签包括frameset、frame、iframe。nframeset标签：标签：frameset标签代替标签代替body标签，定义框架标签，定义框架集的行和列。集的行和列。nframe标签：定义框架页中的标签：定义框架页中的1个框架。个框架。niframe标签：定义内联框

5、架。标签：定义内联框架。2.2.3 2.2.3 容器类标签容器类标签容器类标签主要包括容器类标签主要包括div、table、tbody、tr、td、th、tfoot等。等。ndiv标签：表示标签：表示1个块。个块。ntable标签：标签：HTML表格。表格。nthead、tbody和和tfoot标签：分别表示表头、主体以及表标签：分别表示表头、主体以及表注。注。ntr标签：表格中的行。标签：表格中的行。ntd标签：单元格。标签：单元格。nth标签：表头。标签：表头。2.2.4 2.2.4 列表类标签列表类标签该类标签是关于该类标签是关于HTML文档中列表的，包含文档中列表的，包含dl、dt、d

6、d、ol、li、ul等标签。等标签。ndl标签：自定义列表。标签：自定义列表。ndt标签：自定义列表项目，即标签：自定义列表项目，即dl标签中的项目名称。标签中的项目名称。ndd标签：自定义列表描述，即标签：自定义列表描述，即dl标签中的项目描述。标签中的项目描述。nol标签：有序列表。标签：有序列表。nli标签：列表项目。标签：列表项目。nul标签：无序列表。标签：无序列表。2.2.5 2.2.5 排版类标签排版类标签排版类标签是关于排版类标签是关于HTML内容的版面分布的标签。该类内容的版面分布的标签。该类标签包含标签包含br、center、p、span、pre、hr等。等。nbr标签：换

7、行。标签：换行。ncenter标签：使内容居中。标签：使内容居中。np标签：段落。标签：段落。nspan标签：内联行。标签：内联行。npre标签：预定义格式。标签：预定义格式。nhr标签：水平线。标签：水平线。2.2.6 2.2.6 文字样式类标签文字样式类标签该类标签用于修饰文本的显示样式。主要有该类标签用于修饰文本的显示样式。主要有h、b、em、font、strong、sup以及以及sub等。等。nh标签：标题标签：标题nb标签：加粗标签：加粗nem标签：强调标签：强调nstrong标签：强调标签：强调nsup标签：上标标签：上标nsub标签：下标标签：下标2.2.7 2.2.7 功能类标

8、签功能类标签该类标签实现该类标签实现HTML文档中的某些特殊的功能。主要包文档中的某些特殊的功能。主要包括括a、img、map、area和和marquee等。等。na标签：链接标签：链接nimg标签：图像标签：图像nmap标签：映射标签：映射narea标签：热区标签：热区2.2.8 2.2.8 表单类标签表单类标签该类标签主要是为了与该类标签主要是为了与Web服务器交互，把用户在浏服务器交互，把用户在浏览器中输入的数据提交给览器中输入的数据提交给Web服务器。主要包括服务器。主要包括form、input、select、option、textarea等。等。nform标签：表单标签：表单ninp

9、ut标签：单行表单域标签：单行表单域nselect标签：列表标签：列表noption标签：列表项标签：列表项ntextarea标签：多行文本框标签：多行文本框2.2.9 2.2.9 多媒体类标签多媒体类标签该类标签用于在该类标签用于在HTML文档中插入多媒体内容，例如音文档中插入多媒体内容，例如音乐、视频等。主要包括乐、视频等。主要包括object、applet、embed、bgsound等标签。等标签。2.2.10 2.2.10 特殊标记特殊标记特殊标记是在特殊标记是在HTML文档中显示的某些特殊的字符，例文档中显示的某些特殊的字符，例如英镑符号如英镑符号、欧元符号、欧元符号、版权符号、版权

10、符号等。这些符号在等。这些符号在HTML里面都有固定的代码。里面都有固定的代码。2.3 2.3 实例：制作实例：制作1 1个用户注册页面个用户注册页面本节使用文本编辑器制作本节使用文本编辑器制作1个简单的用户注册页面。个简单的用户注册页面。2.4 2.4 常见问题常见问题本节介绍初学者在学习本节介绍初学者在学习HTML语言的时候，经常遇到的语言的时候，经常遇到的问题。问题。2.4.1 2.4.1 HTMLHTML代码的大小写问题代码的大小写问题初学者在阅读其他人编写的初学者在阅读其他人编写的HTML代码的时候，经常会代码的时候，经常会发现有的人编写的发现有的人编写的HTML代码是大写的，有的人

11、编写的代码代码是大写的，有的人编写的代码是小写的，有的甚至大小写混杂在一起。是小写的，有的甚至大小写混杂在一起。目前，所有的浏览器对于目前，所有的浏览器对于HTML代码的大小写都是允许代码的大小写都是允许的，例如一个表格标签的，例如一个表格标签table，可以被写成，可以被写成TABLE或者或者Table。对于这些不同的形式，浏览器都可以正常解析。对于这些不同的形式，浏览器都可以正常解析。但是，但是，HTML规范规定，所有的规范规定，所有的HTML标签及其属性都标签及其属性都应该是小写的。所以为了规范起见，本书推荐使用小写字母应该是小写的。所以为了规范起见，本书推荐使用小写字母来编写来编写HT

12、ML代码。代码。2.4.2 2.4.2 不同的浏览器之间的兼容性问题不同的浏览器之间的兼容性问题HTML语言虽然有统一的标准，但是各浏览器厂商对于语言虽然有统一的标准，但是各浏览器厂商对于这个标准的支持程度不同，对于某些标签属性的缺省值的规这个标准的支持程度不同，对于某些标签属性的缺省值的规定也不尽相同。有的厂商例如微软，甚至还扩展了定也不尽相同。有的厂商例如微软，甚至还扩展了W3C制订制订的的HTML标准，增加了某些标签或者属性。标准，增加了某些标签或者属性。这些问题导致同一个网页在不同的浏览器中显示效果不这些问题导致同一个网页在不同的浏览器中显示效果不同，有时甚至不能正常显示。因此，开发者

13、在设计网页的时同，有时甚至不能正常显示。因此，开发者在设计网页的时候，应该尽量避免使用只有某个浏览器才能识别的标签或者候，应该尽量避免使用只有某个浏览器才能识别的标签或者属性。对于属性的缺省值，也应该明确指定，而不应该让浏属性。对于属性的缺省值，也应该明确指定，而不应该让浏览器去决定缺省值。览器去决定缺省值。在选择网页制作工具的时候，也应该选择第三方厂商开在选择网页制作工具的时候，也应该选择第三方厂商开发的软件，例如发的软件，例如Adobe公司的公司的Dreamweaver。这些第三方。这些第三方的软件通常会考虑到各种浏览器的兼容性问题。的软件通常会考虑到各种浏览器的兼容性问题。2.4.3 2

14、.4.3 HTMLHTML、XHTMLXHTML和和XMLXMLHTML、XHTML和和XML都是标准通用标记语言都是标准通用标记语言（SGML）的子集。其中）的子集。其中HTML是超文本标记语言，而是超文本标记语言，而XHTML是扩展的超文本标记语言，是扩展的超文本标记语言，XML是可扩展标记语言。是可扩展标记语言。前面两种语言都是用来设计网页的，而前面两种语言都是用来设计网页的，而XML是用来传递数据是用来传递数据的。的。2.5 2.5 小结小结本章介绍的本章介绍的HTML语言是整个网页制作的基础。主要内语言是整个网页制作的基础。主要内容包括容包括HTML的基本语法、常用的的基本语法、常用的HTML标签以及通过编辑标签以及通过编辑源代码来设计网页。重点在于掌握好源代码来设计网页。重点在于掌握好HTML的基本语法、各的基本语法、各种常用的种常用的HTML标签的常见属性以及取值范围。要掌握好标签的常见属性以及取值范围。要掌握好HTML并非短时间内可以完成的。读者应该在不断地实践当并非短时间内可以完成的。读者应该在不断地实践当中，逐步积累网页制作的方法技巧，逐步深入理解中，逐步积累网页制作的方法技巧，逐步深入理解HTML语语言的各个方面，才能做到灵活运用。言的各个方面，才能做到灵活运用。