web编程基础html语言

《web编程基础html语言》由会员分享，可在线阅读，更多相关《web编程基础html语言（216页珍藏版）》请在金锄头文库上搜索。

1、2.1 HTML概述 2.2 文字风格设置 2.3 段落控制标记 2.4 超链接标记,第2章 Web编程基础HTML语言,2.5 表格标记 2.6 表单标记 2.7 框架结构标记 2.8 CSS样式,补充知识,通过Internet浏览世界各地的网络资源，或者要把信息通过Internet以Web方式发布到全球，就必须使用网页。网页就是用户在浏览器上看到的一个个画面。通过网页，即便是一个不懂计算机的人，也能借助于浏览器在网络上浏览和查询自己所需要的信息，可在家中上网购物、办理银行转账等，甚至一些无法想象的事情也能在Web的世界中实现。而Web应用开发的基础语言就是HTML语言。,WWW的出现，使得

2、Internet风行全球。这其中的一个主要原因在于WWW上的信息资源主要是以一个个网页(Web Page)来呈现的。网页实际上是存放在世界上某台接入Internet的计算机中的一个文件，这个文件是用浏览器能够识别和解释的语言编写的。当我们在浏览器地址栏输入网址(URL)后，经过网络复杂而快速的解析，网页文件会被传送到本地计算机，再通过浏览器解释网页的内容，最后将内容展示到用户的面前。,2.1 HTML 概 述,2.1.1 网页与HTML 最早的网页设计语言就是HTML(Hyper Text Markup Language)，它的中文译名是超文本标记语言。虽然随着技术的进步而产生了各种网页设计语

3、言，例如Dynamic HTML、XML、JavaScript、VBScript等，但它们依然是建筑在HTML之上，并没有舍弃已有的HTML。可以说，HTML是构成网页的最“基础”的要素。,从信息资源提供者或商家的角度看，如果要把信息通过Internet以Web方式发布到全球，就必须开发网页。开发网页的方法主要有两种：一种是书写HTML源代码；另一种就是使用网页制作软件(如FrontPage、DreamWeaver等)来制作网页。不论哪种方法，它们所使用的基础语言都是HTML。HTML是WWW中用于描述其超文本文件的标记语言。,使用网页制作软件来制作网页，因为它是“所见即所得”的，即在编辑画面

4、上看到什么，在浏览器中就是那个样子，非常方便，而且不用记忆HTML的标记命令，所以，大部分的网页制作者都是使用这种方法来制作网页。但是，网页制作软件的源代码仍然以HTML为基础。因此，如果要对网页进行一定的修改，或是要在网页中进行必要的运算，或是要加入WWW的其它组件(如Java及脚本语言)等，都要求网页开发者必须懂得HTML源代码。通常情况下，网页制作者通过交互的使用这两种方法来开发网站。因此，要成为一个真正的网页开发者，首先必须学会HTML语言。,2.1.2 HTML的产生和发展 HTML语言最早是由Tim Berners Lee等人于1989年与WWW的概念同时提出的，是一种在WWW上描

5、述页面内容和结构的标准语言。当时推出的HTML1.0只是一个非常简单的语言。也正是由于它的简单性，一经推出便受到国际上网络编程者的青睐。随后推出的HTML2.0便被推荐为Internet的标准之一。从这时开始，HTML空前繁荣，很快被发展成许多各具特色的不同版本。,1995年11月，IETF(Internet Engineering Task Force)为了解决这种混乱局面，整理了以前的各种版本，倡导并主持开发了HTML2.0规范，同年推出HTML3.0技术规范。1996年，W3C(World Wide Web Consortium，万维网协会)的HTML Working Group开始编写

6、新的规范，于1997年1月推出了HTML3.2，并加入了许多多媒体的功能，如图文混合、表格以及更精细的文字排版控制等。1999年推出的HTML4.0在原有HTML的基础上增加了新的编程技术，如可以在HTML中嵌入JavaScript、VBScript、CGI和ASP等，使传统的静态网页很快地进入绚丽多彩、充满互动性的动态网页。,超文本标记言HTML（HyperText Markup Language）是SGML（Standard Generalized Markup Language）语言的一个应用，是WWW“世界”的通用“语言”。 WWW“世界”诸服务器与浏览器之间通过它互相沟通。 WWW“

7、世界”中的信息可以通过它来“表现”。没有HTML就没有WWW“世界” 。 HTML 不是程序设计语言，而是一种结构语言。 HTML 与平台无关，只要是相同的浏览器。,HTML有许多元素，文档通过元素置标就形成了所谓的HTML文档。 HTML 也是文本文件，所以可以用纯文本编辑器来编辑（如Windows 的记事本、写字板) 其后缀名必须是 .html 或 .htm 只有通过浏览器才可以对HTML文档进行相应的解释。,2.1.3 HTML语法 HTML语言是一种文本型标记语言，每个标记都有其特定的含义。我们可以把HTML文档中的每个标记理解为一个特定指令，一个完整的HTML文档就是这样一个指令序列

8、。当浏览器接收到一个HTML文档后，将按照HTML语法对这些标记进行解释和执行。 HTML语言中的所有标记都是用小于号“”括起来的英文字母，即以小于号“”做为结束标志。标记中的英文字母可以大写，也可以小写，甚至可以大小写混合使用，即HTML语言对标记中字母的大小写不加区分。本书为醒目起见，对标记中的字母一律使用大写。例如，、等。,HTML文档的基本架构, 网页的标题 网页的内容，很多标记都作用于此。 ,特点解说： 整份文件处于标记与之间。 用以声明这是 HTML 文件，让浏览器认出并正确处理此 HTML 文件。 文件分两部分，由至称为开头，至称正文。基本上两者各有适用的标记，如只可出现于开头部

9、分。 开头部分用以存载重要信息，而只有本文部分会被显示。所以大部分标记会运用于本文部分。 所标示的是文件的标题。会出现于浏览器顶部及为别人使用时的名称，所以每页有不同而明确的标题是需要的。,从HTML标记的表现形式上看，可将HTML标记分为双边标记和单边标记两类。 (1) 双边标记是成对出现的标记，它往往表示一个复杂结构的开始和结束。例如，等都属于这类。,(2) 单边标记是指可以单独出现的标记。这类标记通常出现在双边标记内部，起一些辅助性的作用，如换行标记、列表中的行标记和输入元素标记等。 此外，HTML的大多数标记是带有属性的，可将此类标记称为带属性的标记。例如，标记就具有BACKGROUN

10、D、BGCOLOR、TEXT、 LINK、VLINK、ALINK等许多属性。如果将标记理解为指令的话，则可以将标记的属性理解为指令的一些可调参数，网页设计者可通过这些参数值的变化来实现绚丽多彩的页面效果。,在书写带属性的标记时，标记名与属性之间，以及属性与属性之间均用空格分隔，属性名与属性值间用赋值号“=”连接。带属性的标记的一般格式为 例如，通常浏览器窗口的背景颜色为白色，文本为黑色，超链接文本呈现蓝色等。如果希望使浏览器窗口背景呈黑色，而文字为白色，则可以使用如下带属性的标记： ,2.1.4 HTML文档结构 一个完整的HTML文档是由包含于HTML起始标记和结束标记内的头部(Head)和

11、正文(Body Text)两部分构成的，这两个部分共同构成一个Web页面。HTML文档的基本结构如图2.1所示。,图2.1 HTML文档的基本结构,头部的内容用于对页面中元素的样式、窗口的标题、使用的脚本语言等进行说明和设置。这些设置是通过在头部嵌入下述一些标记引导的内容来实现的：，。头部的内容一般在网页上是不显示的，但位于和间的内容是窗口的标题，显示在窗口标题栏的左上角。头部也可以省略，当省略头部时，浏览器仍会将页面内容正常显示出来，但窗口的标题等内容就不存在了。,正文部分含有实际构成段落、列表、图像和其它元素的文本，这些元素都用一些标准的HTML标记来说明，它们是网页要让用户浏览的主要内容

12、。在正文部分除了可以书写正文文字外，还可以嵌入许多由专用标记引导的内容。这些内容将在后续章节中陆续介绍。 为了使读者有一个感性的认识，下面我们写一个简单的HTML文档。,由于HTML文件是一种文本文件，我们可以使用任意一种编辑软件来建立，只是要记住必须将文件的扩展名指定为 .HTM或 .HTML。通常我们直接使用Windows操作系统提供的“记事本”或“写字板”来创建HTML文件。这里我们启动Windows自带的记事本或写字板，将例2.1中的代码照样输入到新文件中，输入完成后保存该文件，为其指定存放目录，并将其命名为CH2-1.html。 观察您刚才指定的目录，会看到一个文件名为CH2-1、图

13、标为浏览器网页的文件。如果要观察该文件的运行效果，只需双击该文件图标，便可在浏览器中看到如图2.2所示的页面。,例2.1一个基本的网页文件示例，文件名CH2-1.html。 我的第一个Web页面 这是一个说明网页基本构成的HTML文档。一个HTML文档是由头部和正文两部分构成的。,头部主要用于对页面中元素的样式、窗口的标题、使用的脚本语言等进行说明和设置，这些内容在网页上是不显示的。正文部分书写需要用户浏览的内容，可以包括文字、表格、图形、动画和超链接等。 这个例子虽然简单，但其结构还是比较完整的。可以说，不论一个HTML文件有多么复杂，其基本结构都与此类似。,通过这个例子我们可以看到，在HT

14、ML文件中大部分标记都是成对出现的。例如，和，和，和，和，这便是双边标记。也有一部分标记是不成对的，如这个文档中的，这类标记被称为单边标记。另一方面，一些标记可以嵌套在另一些双边标记之间。例如，和就嵌套在与之间，和就嵌套在与之间，和就嵌套在与之间。,此外，在页面上的换行及空格等也需要用HTML标记来控制，与文档在编辑器中的书写格式无关。例如，我们在书写这个文件时在之后并没有换行，而在浏览器中却换行了；尽管我们在“两部分构成的。”之后换了行，但在浏览器中却没有换行，等等。有关这方面的内容，我们将在后面各节中陆续讲解。,2.1.5 HTML文档的四个顶级标记 HTML的顶级标记共有四对，分别是、和

15、。其中前三对已经在我们的第一个示例文件CH2-1.html中出现过。下面对这些标记的格式和作用做一个简要的介绍。,1. HTML文档开始与结束标记 标记格式： 标记用于标记一个页面的开始和结束。每一个HTML文档的开始处必须用一个标记，而结尾也要用一个标记。Web浏览器在收到一个HTML文件后，当遇到标记时，就开始按HTML语法解释其后的内容，并按要求将这些内容显示出来，直到遇到结束标记为止。,2. 标记 标记格式： 标记称为头部标记，主要用于对页面中使用的字符集、脚本语言、页面的标题、背景音乐、样式表单等进行说明和设置。具体的设置方法是在与之间嵌入一些以标记、等标识的内容来实现的。例如，在例

16、2.1中我们就嵌入了标记，使浏览器窗口具有了我们给出的标题。,mata标记 （1）描述网页关键字 关键字是网络搜索引擎借以分类的关键词 （2）定义网页语言编码 使用如上标记，浏览器自动选用GB2312编码作为本网页的字符编码 （3）（定义页面刷新） 只要进入网页，经过20秒，网页自动刷新 成sohu主页,3. 标记 标记格式： 标记用于标记一个页面输出显示的开始和结束。夹于之间的是Web页面的具体内容，这些内容包括文字、图形、图像、超链接等各种HTML对象。每一个Web页面通常都必须有标记。前已述及该标记是一个带属性的标记，其属性主要用于对浏览器窗口背景色、前景色以及超链接对象的颜色等进行设置。关于属性的用法我们将在学习了有关字体颜色的设置方法之后再做详细的讲解。,标记 - 文本体中可以规定整个文档的一些属性： Bgcolor - 背景色 text - 文本色 Link - 超级链接对象的