Web应用开发技术 JSP 含光盘 崔尚森 第1－2章 第2章

1、,2.1 HTML概述 2.2 文字风格设置 2.3 段落控制标记 2.4 超链接标记 2.5 表格标记,第2章 Web编程基础HTML语言,2.6 表单标记 2.7 框架结构标记 2.8 CSS样式 习题2,通过Internet浏览世界各地的网络资源，或者要把信息通过Internet以Web方式发布到全球，就必须使用网页。网页就是用户在浏览器上看到的一个个画面。通过网页，即便是一个不懂计算机的人，也能借助于浏览器在网络上浏览和查询自己所需要的信息，可在家中上网购物、办理银行转账等，甚至一些无法想象的事情也能在Web的世界中实现。而Web应用开发的基础语言就是HTML语言。,WWW的出现，使得Internet风行全球。这其中的一个主要原因在于WWW上的信息资源主要是以一个个网页(Web Page)来呈现的。网页实际上是存放在世界上某台接入Internet的计算机中的一个文件，这个文件是用浏览器能够识别和解释的语言编写的。当我们在浏览器地址栏输入网址(URL)后，经过网络复杂而快速的解析，网页文件会被传送到本地计算机，再通过浏览器解释网页的内容，最后将内容展示到用户的面前。,2.1 HT

2、ML 概 述,2.1.1 网页与HTML 最早的网页设计语言就是HTML(Hyper Text Markup Language)，它的中文译名是超文本标记语言。虽然随着技术的进步而产生了各种网页设计语言，例如Dynamic HTML、XML、JavaScript、VBScript等，但它们依然是建筑在HTML之上，并没有舍弃已有的HTML。可以说，HTML是构成网页的最“基础”的要素。,从信息资源提供者或商家的角度看，如果要把信息通过Internet以Web方式发布到全球，就必须开发网页。开发网页的方法主要有两种：一种是书写HTML源代码；另一种就是使用网页制作软件(如FrontPage、DreamWare等)来制作网页。不论哪种方法，它们所使用的基础语言都是HTML。HTML是WWW中用于描述其超文本文件的标记语言。,使用网页制作软件来制作网页，因为它是“所见即所得”的，即在编辑画面上看到什么，在浏览器中就是那个样子，非常方便，而且不用记忆HTML的标记命令，所以，大部分的网页制作者都是使用这种方法来制作网页。但是，网页制作软件的源代码仍然以HTML为基础。因此，如果要对网页进行一定

3、的修改，或是要在网页中进行必要的运算，或是要加入WWW的其它组件(如Java及脚本语言)等，都要求网页开发者必须懂得HTML源代码。通常情况下，网页制作者通过交互的使用这两种方法来开发网站。因此，要成为一个真正的网页开发者，首先必须学会HTML语言。,2.1.2 HTML的产生和发展 HTML语言最早是由Tim Berners Lee等人于1989年与WWW的概念同时提出的，是一种在WWW上描述页面内容和结构的标准语言。当时推出的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开始编写新的

4、规范，于1997年1月推出了HTML3.2，并加入了许多多媒体的功能，如图文混合、表格以及更精细的文字排版控制等。1999年推出的HTML4.0在原有HTML的基础上增加了新的编程技术，如可以在HTML中嵌入JavaScript、VBScript、CGI和ASP等，使传统的静态网页很快地进入绚丽多彩、充满互动性的动态网页。,2.1.3 HTML语法 HTML语言是一种文本型标记语言，每个标记都有其特定的含义。我们可以把HTML文档中的每个标记理解为一个特定指令，一个完整的HTML文档就是这样一个指令序列。当浏览器接收到一个HTML文档后，将按照HTML语法对这些标记进行解释和执行。 HTML语言中的所有标记都是用小于号“”括起来的英文字母，即以小于号“”做为结束标志。标记中的英文字母可以大写，也可以小写，甚至可以大小写混合使用，即HTML语言对标记中字母的大小写不加区分。本书为醒目起见，对标记中的字母一律使用大写。例如，、等。,从HTML标记的表现形式上看，可将HTML标记分为双边标记和单边标记两类。 (1) 双边标记是成对出现的标记，它往往表示一个复杂结构的开始和结束。例如，等都属于

5、这类。,(2) 单边标记是指可以单独出现的标记。这类标记通常出现在双边标记内部，起一些辅助性的作用，如换行标记、列表中的行标记和输入元素标记等。 此外，HTML的大多数标记是带有属性的，可将此类标记称为带属性的标记。例如，标记就具有BACKGROUND、BGCOLOR、TEXT、 LINK、VLINK、ALINK等许多属性。如果将标记理解为指令的话，则可以将标记的属性理解为指令的一些可调参数，网页设计者可通过这些参数值的变化来实现绚丽多彩的页面效果。,在书写带属性的标记时，标记名与属性之间，以及属性与属性之间均用空格分隔，属性名与属性值间用赋值号“=”连接。带属性的标记的一般格式为 例如，通常浏览器窗口的背景颜色为白色，文本为黑色，超链接文本呈现蓝色等。如果希望使浏览器窗口背景呈黑色，而文字为白色，则可以使用如下带属性的标记： ,2.1.4 HTML文档结构 一个完整的HTML文档是由包含于HTML起始标记和结束标记内的头部(Head)和正文(Body Text)两部分构成的，这两个部分共同构成一个Web页面。HTML文档的基本结构如图2.1所示。,图2.1 HTML文档的基本结构,头

6、部的内容用于对页面中元素的样式、窗口的标题、使用的脚本语言等进行说明和设置。这些设置是通过在头部嵌入下述一些标记引导的内容来实现的：，。头部的内容一般在网页上是不显示的，但位于和间的内容是窗口的标题，显示在窗口标题栏的左上角。头部也可以省略，当省略头部时，浏览器仍会将页面内容正常显示出来，但窗口的标题等内容就不存在了。,正文部分含有实际构成段落、列表、图像和其它元素的文本，这些元素都用一些标准的HTML标记来说明，它们是网页要让用户浏览的主要内容。在正文部分除了可以书写正文文字外，还可以嵌入许多由专用标记引导的内容。这些内容将在后续章节中陆续介绍。 为了使读者有一个感性的认识，下面我们写一个简单的HTML文档。,图2.2 执行CH2-1.html文件后在浏览器中看到的效果,由于HTML文件是一种文本文件，我们可以使用任意一种编辑软件来建立，只是要记住必须将文件的扩展名指定为 .HTM或 .HTML。通常我们直接使用Windows操作系统提供的“记事本”或“写字板”来创建HTML文件。这里我们启动Windows自带的记事本或写字板，将例2.1中的代码照样输入到新文件中，输入完成后保存该文

7、件，为其指定存放目录，并将其命名为CH2-1.html。 观察您刚才指定的目录，会看到一个文件名为CH2-1、图标为浏览器网页的文件。如果要观察该文件的运行效果，只需双击该文件图标，便可在浏览器中看到如图2.2所示的页面。,例2.1一个基本的网页文件示例，文件名CH2-1.html。 我的第一个Web页面 这是一个说明网页基本构成的HTML文档。一个HTML文档是由头部和正文两部分构成的。,头部主要用于对页面中元素的样式、窗口的标题、使用的脚本语言等进行说明和设置，这些内容在网页上是不显示的。正文部分书写需要用户浏览的内容，可以包括文字、表格、图形、动画和超链接等。 这个例子虽然简单，但其结构还是比较完整的。可以说，不论一个HTML文件有多么复杂，其基本结构都与此类似。,通过这个例子我们可以看到，在HTML文件中大部分标记都是成对出现的。例如，和，和，和，和，这便是双边标记。也有一部分标记是不成对的，如这个文档中的，这类标记被称为单边标记。另一方面，一些标记可以嵌套在另一些双边标记之间。例如，和就嵌套在与之间，和就嵌套在与之间，和就嵌套在与之间。,此外，在页面上的换行及空格等也需要用H

8、TML标记来控制，与文档在编辑器中的书写格式无关。例如，我们在书写这个文件时在之后并没有换行，而在浏览器中却换行了；尽管我们在“两部分构成的。”之后换了行，但在浏览器中却没有换行，等等。有关这方面的内容，我们将在后面各节中陆续讲解。,2.1.5 HTML文档的四个顶级标记 HTML的顶级标记共有四对，分别是、和。其中前三对已经在我们的第一个示例文件CH2-1.html中出现过。下面对这些标记的格式和作用做一个简要的介绍。,1. HTML文档开始与结束标记 标记格式： 标记用于标记一个页面的开始和结束。每一个HTML文档的开始处必须用一个标记，而结尾也要用一个标记。Web浏览器在收到一个HTML文件后，当遇到标记时，就开始按HTML语法解释其后的内容，并按要求将这些内容显示出来，直到遇到结束标记为止。,2. 标记 标记格式： 标记称为头部标记，主要用于对页面中使用的字符集、脚本语言、页面的标题、背景音乐、样式表单等进行说明和设置。具体的设置方法是在与之间嵌入一些以标记、等标识的内容来实现的。例如，在例2.1中我们就嵌入了标记，使浏览器窗口具有了我们给出的标题。,3. 标记 标记格式： 标

9、记用于标记一个页面输出显示的开始和结束。夹于之间的是Web页面的具体内容，这些内容包括文字、图形、图像、超链接等各种HTML对象。每一个Web页面通常都必须有标记。前已述及该标记是一个带属性的标记，其属性主要用于对浏览器窗口背景色、前景色以及超链接对象的颜色等进行设置。关于属性的用法我们将在学习了有关字体颜色的设置方法之后再做详细的讲解。,4. 标记 标记格式： 标记被称为框架标记，其作用是将浏览器窗口划分成几个小窗口，在这些小窗口中可以同时显示相同或不同的HTML页面。该标记可以替代标记，也可以在标记内部嵌入、等。这个双边标记的用法相对比较复杂，我们本着由浅入深的原则，将在2.7节再行讲解。,2.1.6 HTML文档的注释 标记格式: 功能：注释标记的作用是供网页制作者对HTML文件中的某些内容进行注释。 例如： 注意： 注释标记对浏览HTML源代码的任何人都是可见的； 注释标记应放在区中，而不能放在区中； 在JSP中，还有格式的注释，这种注释将由JSP服务器编译处理后，把处理结果发送给客户端浏览器。关于这种注释的更详细说明请看5.1.4节。,2.2.1 字体标记 字体标记是一个带有属性的标记，通过其属性可以设置文本的字体、字号和颜色等。 标记格式： 其中： 字体可以是浏览器支持的各种字体，例如宋体、华文楷体、楷体_GB2312、隶书等中文字体或Times New Roman、Arial Unicode MS等西文字体。系统默认的字体为宋体。,2.2 文字风格设置,字号可以取1到7之间的值，1号字最小，7号字最大。系统默认字号为3号字。因此，在给字号赋值时既可以直接写出字号值，也可以在3号字的基础上进行加或减运算，例如，SIZE=5和SIZE=+2具有相同的效果。 颜色值可以是以#号开头的6位十六进制值，也可以用表2.1中的HTML预定义的色彩名，系统默认的字符颜色为Black(黑色)。,表2.1 HTML预定义的16种标准色彩名及其RGB值,下面通过一个具体的例题来说明其设置方法。 例2.2 标记示例，文件

《Web应用开发技术 JSP 含光盘 崔尚森 第1－2章 第2章》由会员E****分享，可在线阅读，更多相关《Web应用开发技术 JSP 含光盘 崔尚森 第1－2章 第2章》请在金锄头文库上搜索。