第二章 超文本标记语言概述

超文本标记语言概述一、HTML的定义超文本标记语言，即HTML（HypertextMarkupLanguage），是用于描述网页文档的一种标记语言。在上的一个超媒体文档称之为一个页面（page）。作为一个组织或个人在万维网上开始点的页面称为主页Homepage，或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接）。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或Site）。Web页面也就是通常所说的网页，在本书中不作区分。HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。所谓超级链接，就是一种URL指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。由此可见，网页的本质就是HTML，通过结合使用其他的Web技术（如：脚本语言、CGI、组件等），可以创造出功能强大的网页。因而，HTML是Web编程的基础，也就是说万维网是建立在超文本基础之上的。二、HTML文件的整体结构一个网页对应于一个HTML文件，HTML文件以.htm或.html为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑来产生HTML文件。标准的HTML文件都具有一个基本的整体结构，即HTML文件的开头与结尾标志和HTML的头部与实体2大部分。有3个双标记符用于页面整体结构的确认。1）HTML和/HTML双标记符HTML标记符说明该文件是用HTML来描述的。它是文件的开头，而/HTML则表示该文件的结尾，它们是HTML文件的始标记和尾标记。2）HEAD和/HEAD头部标记符这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容，它本身不作为内容来显示，但影响网页显示的效果。头部中最常用的标记符是标题标记符TITLE和/TITLE，它用于定义网页的标题，它的内容显示在网页窗口的标题栏中，网页标题可被浏览器用作书签和收藏清单。3)BODY和/BODY正文标记符网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。一个不包含任何内容的基本网页文件如下所示：HTMLHEADTITLE文档标题/TITLE/HEADBODY页面主体内容描述/BODY/HTML标记网页的开始标记头部的开始头部元素描述，如文档标题等标记头部的结束标记页面正文开始页面实体部分标记正文结束标记该网页的结束当然，如果不使用以上基本框架结构，而直接使用在实体部分中出现的标记符，在浏览器下也可以解释执行。=三、正文标记的使用每种HTML标记符在使用中可带有不同的属性项，用于描述该标记符说明的内容显示不同的效果。正文标记符BODY中提供以下属性来改变文本的颜色及页面背景。BGCOLOR用于定义网页的背景色BACKGROND用于定义网页背景图案的图像文件TEXT用于定义正文字符的颜色，默认为黑色LINK用于定义网页中超级链接字符的颜色，默认为蓝色VLINK用于定义网页中已被访问过的超接链接字符的颜色，默认为紫红色ALINK用于定义被鼠标选中，但未使用时超链字符的颜色，默认为红色例如：BODYBGCOLOR=#000000TEXT=#FFFFFF标记将定义页面的背景色为黑色，正文字体显示为白色。以上属性使用中，需要对颜色进行说明，在HTML中对颜色可使用2种方法说明颜色属性值，即颜色名称（英文名）和颜色值。其中颜色值用6个十六进制数来分别描述红、绿、蓝三原色的配方法——称为RGB值，每2个十六进制数表示一种颜色。使用颜色值时，应在值前冠以“#”号。使用图案代替背景颜色，可以使页面更生动、美观。例如：BODYBACKGROUND=image.gif。可将图像文件image.gif所表示的一幅图像作为页面的背景，若图像幅面不够大，将会将图像重复平铺在窗口中。四、HTML字符集在网页中除了可显示常见的ASCII字符和汉字外，HTML还有许多特殊字符，它们一起构成了HTML字符集。有2种情况需要使用特殊字符，一是网页中有其特殊意义的字符，如：和；二是键盘上没有的字符。HTML字符可以用一些代码来表示，代码可以有2种表示方式。即字符代码（命名实体）和数字代码（编号实体）。字符代码以&符开始，以分号结束，其间是字符名；数字代码也以&符开始，以分号结束，其间是#号加编号。五、HTML的有关约定在编辑HTML文件和使用有关标记符时有一些约定或默认的要求。(1)文本标记语言源程序的文件扩展名默认使用htm或html。在使用文本编辑器时，注意修改扩展名。而常用的图像文件的扩展名为gif和jpg。(2)HTML源程序为文本文件，其列宽可不受限制，即多个标记可写成一行，甚至整个文件可写成一行；若写成多行，浏览器一般忽略文件中的回车符（PRE标记指定除外）；对文件中的空格通常也不按源程序中的效果显示。完整的空格可使用特殊符号“ ；”表示非换行空格；表示文件路径时使用符号“/”分隔，文件名及路径描述可用双引号也可不用引号括起。(3)标记符中的标记元素用尖括号括起来，如：A、/A，带斜杠的元素表示该标记说明结束；大多数标记符必须成对使用，以表示作用的起始和结束；标记元素忽略大小写，即a与A作用相同；许多标记元素具有属性说明，可用参数对元素作进一步的限定，多个参数或属性项说明次序不限，其间用空格分隔即可；一个标记元素的内容可以写成多行。(4)标记符号，包括尖括号、标记元素、属性项等必须使用半角的西文字符，而不能使用全角字符。(5)HTML注释由惊叹号表示，注释内容由!--至--符结束。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号，即被标识为注释，不予显示。HTML正文字体在制作网页时，常要为字符设置不同的显示格式（如：字体、字型、字号等）。一、物理字符标记符标记符说明标记符说明B/BBIG/BIGI/I粗体大字体斜体STRIKE/STRIKESUB/SUBSUP/SUP加删除线下标字符上标字符S/SSMALL/SMALL加删除线小字体TT/TTU/U固定宽度字符加下划线二、逻辑字符样式逻辑字符样式不但可以指定文本格式，还能反映文本的含义。逻辑型标记符名意义EMSTRONGCITECODEKBDVARDFN用于强调(Emphasis)的文本，以区别于其他文本，一般显示斜体字用于特别强调的文本，显示粗体字用于引证(CITATION)、举例，通常是斜体字用来指出这是一组代码由用户所输入的文本，通常显示较粗的宽体字用来表示变量(VARIABLE)，通常显示斜体字表示一个定义(DEFINITION)或说明，通常为斜体字三、标题标记符Hn标题标记符用于在显示的正文中表示不同级别的标题，其中n为1~6的数字，H1表示最大号的标题，H6表示最小号的标题。标题标记符应成对使用。浏览器在解释标题标记符时，会自动改变文本的大小，同时换行并添加一定的行距。四、字号标记符FONT字号标记符FONT用于显示不同的字号，FONT带有3个常用的属性，即SIZE、COLOR和FACE。/FONT为结尾标记符，应注意成对使用。SIZE为字号属性，用于控制文字的大小，设定的值越大，显示的文字越大，其值的绝对值为1~7。也可以用+或者负号来说明相对值。例如SIZE=+1表示设定值比当前值大1号。一般3号为默认值。例如FONTSIZE=5READ/FONTCOLOR属性可用于改变文字的颜色。例如FONTCOLOR=redRED/FONT可将FONT和/FONT之间的文字显示为红色。FACE属性则用来指定文体样式。如“timesNewRoman”字体、“Arial”字体、“宋体”“楷体”等。在FACE属性中可同时指定几种字体，浏览器解释时优先使用列在前面的字体，如系统中没有前面的字体，便采用后一种字体。正文布局在正文布局中主要讨论段落、引文、预格式化和列表文本的处理等问题。一、段落格式1)段落标记符PP标记符指出一个新段落的开始，其后内容从新的一行开始，并与上段之间有一个空行。它可以有位置对齐属性ALIGN。2)换行标志BRBR单标记符用于使文本从新的一行显示，注意它不象P会产生一个空行，但连续多个的BR可以产生多个空行的效果。3)水平线标记符HR单标记符HR用于产生一条水平线，以分隔文档的不同部分。可以给HR标记符设置一些属性，以设定其位置，改变其长短、粗细等特征。其属性有ALIGN、SIZE、WIDTH、NOSHADE和COLOR等。ALIGN属性用来定义水平线的对齐方式，默认为center，表示居中。此外可定义为left和right。P和Hn标记符的ALIGN属性也取这3个值，但默认值为left。SIZE属性用于定义水平线的粗细，其值为一整数，取象素（prixel）值，默认值为2。WIDTH属性用于定义水平线的长度。长度值可以取绝对值或相对值。绝对值即象素值，相对值取百分数（如80%）。用象素值时，水平线的长度将不会随显示窗口的变化而变化，而用百分数时水平线的长度将随窗口宽度的大小变化而变长或变短。NOSHADE属性则使水平线为一条黑线，不使用该属性时将默认产生一条加阴影的三维立体线条。例如：若要产生一条居中显示，粗细为5，长度占窗口宽度60%的实心红色水平线，则HTML标记为：HRSIZE=5WIDTH=60%COLOR=redNOSHADE。4)段落对齐标记符段落对齐标记符有CENTER和DIV。CENTER双标记符可使在CENTER和/CENTER之间的内容居中显示。DIV双标记符用于文档分节，以便为文档的不同部分应用不同的段落格式，DIV标记符要使用属性ALIGN来控制段落对齐格式。其属性值为right、center、justify（两端对齐）。在说明段落对齐时，可能会出现多种标记说明嵌套的情况。当不同格式设置作用于同一内容时。若所设置的格式是相容的，则采取叠加效果，如同时设置了粗体和斜体，则叠加效果为粗斜体；若所设置的格式是相冲突的，则取最靠近的标记说明。二、预格式化标记符双标记符PRE和/PRE可以使显示效果完全按照源文件中编排的格式输出。只要将预先编排好格式的信息安排在该双标记符之间即可实现。这时用户打入的回车、换行、空格等符号在显示时将完全起作用。三、引文标记符引文双标记符BLOCKQUOTE和/BLOCKQUOTE可用于建立一个引文，引文常值于一段较长文本之前，显示时会将引文文字自动右移缩格，左右各空出几个空格，以示区别。四、列表格式列表显示文字可使信息显示更清楚有序，在HTML中有3种常用的列表格式，即有序表、无序表和定义式列表。1)有序列表有序列表使用双标记符OL和/OL，表项使用LI和/LI，其语法格式如下：OLLI表项1LI表项2/OL有序列表在显示时使每个表项占一行，并在表项前自动加上顺序编号。OL标记符的编号可由属性TYPE和START来改变。TYPE表示编号的类型，START表示序号从何开始。TYPE=1表示序号为阿拉伯数字（默认值），TYPE=A表示序号为大写字母，T