网页制作 第十四章超文本编程技术#.pptVIP

第 14章 超文本编程技术 课前导读 基础知识 重点知识 基础知识 HTML的基本概念，HTML的语法特征，HTML的基本文件格式。 重点知识 用HTML控制各种网页元素，用HTML制作页面。 课堂讲解 超文本标记语言（HTML）简介 HTML基本语法 Dreamweaver、FrontPage等网页编辑器生成的都是HTML文档，它们提供的其实都只是一个网页编辑的集成环境，采取可视化的界面，使用户不用了解具体的HTML标记，也可以十分轻松地编写出精美的网页。但如果想要更自由地控制网页的格式、效果，得到最好的代码质量，还需要学习一下HTML。 超文本标记语言（HTML）简介 HTML基本概念 HTML语法特征 HTML的基本文件格式 HTML是Internet上用于编写网页的主要语言。HTML不需要翻译而直接由浏览器解释执行。如果不考虑ASP和PHP等，一般的网页都可以在浏览器中查看其HTML代码。HTML可以很方便地使用任何文本编辑器编辑生成，也可以很方便地在Internet上传输。事实上访问一个网页时，就是从服务器上下载它的源代码，然后使用网页浏览器自带的解释器解释执行该源代码，按照解释结果将网页展现在我们面前。因此同一个网页，在不同的浏览器或同一浏览器的不同版本上的显示效果都很可能是不一样的。 HTML基本概念 HTML是Hyper Text Markup Language的首字母缩写，中文通常称作超文本标记语言。用其语法规则建立的文档可以运行在不同操作系统的平台上。它的作用是通过一些标签来告诉浏览器怎么显示标签中的内容。HTML中的标签是固定的，不能扩展标签，在HTML文件中要显示的数据和如何显示这些数据的方法同时存在，即HTML不仅要负责组织数据还要负责显示数据。HTML文件的扩展名为htm或html。 HTML语法特征 纯文本标记语言的语言构成主要通过各种标记（Tag）来表示，通常标记由符号“”、“”以及其中所包容的标记元素组成。如想在浏览器中显示一段倾斜的文本，可采用标记b和/b，如b粗体显示/b。 在用浏览器显示时，标记b和/b不会显示，浏览器在文档中发现了这对标记，就将其中包容的文字（如前面的“粗体显示”）以倾斜方式显示。 HTML的语法规则有以下3种表达方式： 标记对象/标记 标记 属性1=参数1 属性2=参数2…对象/标记 标记 语句中标记的书写不分大小写。下面分别对3种标记形式进行介绍。 标记对象/标记 该语法显示了使用封闭类型标记的形式。多数标记是封闭类型的，它们成对出现，在对象内容的前面是一个标记，在对象内容的后面是另一标记，第二个标记元素前带有反斜线，表明结束标记对对象的控制。如i国际名牌进军中国/i表示浏览器以斜体的形式显示“国际名牌进军中国”，如图15-1所示。 如果一个该封闭的标记而没有被封闭，则会随浏览器的不同而出现各种错误。如忘记用/i标记封闭“国际名牌进军中国”文本，则后面输入的所有文字都会以斜体的形式出现，如图15-2所示。 标记 属性1=参数1 属性2=参数2…对象/标记 该语法显示了使用封闭类型标记的扩展形式，利用属性可以进一步设置对象某方面的内容，而参数则是设置的结果。如a href=””导向科技主页/a。a和/a是锚标记，用于在文档中创建超级链接，href是该标记的属性之一，用于设置超级链接所指向的地址，在“=”后面的就是href属性的参数，对象是“导向科技主页”文本，在浏览器中预览如图15-3所示。 一个标记的属性可以有多个，在描述完一个属性后，输入一个空格，然后继续描述其他属性。 标记 该语法显示了使用非封闭类型标记的形式，在HTML语言中，非封闭类型很少，但的确存在，最常用的是br换行标记。 如若要使一段文字换行显示可以在文字要换行的地方添加换行标记br。如：美丽容颜br从今开始，在浏览器上就会以一段两行显示，如图15-4所示。 HTML代码都是由以上3种标记形式组合而成的，标记之间可以相互嵌套，形成更为复杂的语法。如：bi /i/b，则文本会以粗体和斜体显示，如图15-5所示。 HTML的基本文件格式 HTML文本可以用任何纯文本编辑器编辑。如用DOS下的edit、Windows下的记事本等。HTML文件的一般格式为： html !--html文件开始标记-- head !--文件头开始标记-- meta