钟国栋(佛山市南海区大沥镇成人文化技术学校广东佛山528231)
摘要:WWW服务中的网页要让使用不同的计算机和操作系统的用户都能浏览,就必须遵循一套统一的编写标准。HTML就是用于编写网页的统一的语言规范,只有采用HTML制作的网页,不同计算机和操作系统上的浏览器才能正确地阅读和运行。
关键词:HTML标识基本结构
现在可视化的网页制作软件众多,用户可根据自己的需要绘制丰富多彩的可视化页面,可视化网页制作软件自动生成HTML代码。其实,超文本标记语言(HTML)只是很平常、很普通的文本文件,你可以用所熟悉的文字编辑器来编辑它,如EDIT、VI、WS、Word等(但一定要以纯文本格式保存,浏览器只识别纯文本格式的文件)。只要通过一些简单的标注,就可以让“文章”生动、活泼起来,这就是HTML的特色。
一、HTML的起源
HTML是万维网文档发布和浏览的基本格式,它具有很多特点,如独立于平台的格式、结构化设计,特别是超文本链接,这些特点使它成为万维网较好的文档格式。
HTML作为定义万维网的基本规则之一,最初是由蒂姆·本尼斯李(TimBerners-Lee)于1989年在CERN(ConseilEuropeenpourlaRechercheNucleaire)研制出来的。
二、HTML与网页制作的关系
HTML是构成网页的基本语言,由它构成了最基本的静态网页,即它只是将网站的最终效果呈现出来,但是不能够实现动态的交互功能。它将后来的整个构造框架大致搭建了出来,后续一切动态效果、数据的更新都是在此基础之上来不断实现与完善。
社会的需求显然也不仅局限于是静态的而已,信息的快速更新、内容的形式多种多样化、用户感官的感受等等已经让传统的静态页面不能满足需求。它能够支持不同的语言文件的嵌入成为了它的另一个优点,在HTML中嵌入Flash、JavaScript、多媒体等丰富了页面内容,使其可用性不断增强。
当今,网页的制作是不采用原始的全部用HTML语言来编写整个页面,而是采用当今比较流行的CSS样式与p的结合来完成整个网站的外观制作。这就意味着传统的HTML的许多属性不会再使用甚至已经废除。这种称之为盒子模型的做法使得内容与效果基本上完全分开制作,彼此相交之处变得尤为不多。
三、HTML常用标识与功能
1.每一个HTML文件以<html>开始,以</html>结束,浏览器遇到<html>标志时,会按照HTML的标准来解释后面的文本,直到</html>才停止解释。<html>和</html>是成对出现的,所有的文本和命令都在它们之间。
2.<head>是网页的头部标记,通常紧跟<html>之后。<head>与</head>之间的文本是整个文件的序言,不属于HTML文件本体部分,不在浏览器屏幕中显示。
3.<title>用来说明文件标题,TITLE元素的格式为:<title>文件题目</title>。一个好的题目应该使读者能从中判断出该文件的大概内容。浏览时文件题目将显示在IE浏览器标题栏上。<title>中不包含其他标记。
4.<body>和</body>之间是网页主体内容。在<body>标签中可以规定整个文档的一些基本属性,如:“bgcolor”属性用于指定文档的背景颜色,“text”属性用于指定文档中文字的颜色。
5.所有标记不得交叉,如<body>与</body>必须包含在<html>与</html>中间。
6.HTML文件对书写格式要求不太严格。
各种标识符的功能如下:
◆HTML的一般标记符
每一个HTML文件以<html>开始,以</html>结束。
<head>是网页的头部标记,通常紧跟<html>之后。
<title>用来说明文件标题,TITLE元素的格式为:<title>文件题目</title>。
<body>和</body>之间是网页主体内容。
◆文本标记符
在HTML文档中,文本也是由标签标注和控制的。
<br>是单独出现的,作用相当于插入回车符。如果没有换行标签,Web浏览器窗口将根据浏览器窗口的宽度尽可能长地显示文本。
<Hi>标签是成对出现的,夹在<Hi>和</Hi>之间的文字是文档中的标题。标题文字都用黑体显示,上级标题总比下面各级标题更大些、更粗些。<Hi>标签共分六级,其中<H1>标签括起的文字是第一级标题,最大最粗;而<H6>标签括起的文字是最后一级标题,最小最细。
<hr>标签是单独出现的,作用是换行并在该行下面画一条水平直线。它有三个属性值,即SIZE、WIDTH和ALIGN,分别用以规定水平线的高度、宽度和水平线在浏览器窗口中的位置。
P是paragraph的意思,它用于划分段落,作用是换行并插入一个空白行。<p>标签可以单独使用,也可以成对使用。成对使用时,可以添加ALIGN属性,标出段落在浏览器中的位置。ALIGN属性的参数值有left、center和right,分别表示<p>标签所括起的段落位于浏览器窗口的左侧、中间、右侧。
<pre>是预格式化标签。HTML的输出是基于窗口的,因而HTML文件在输出时都要重新排版,对确实不需要重新排版的内容,可以用<pre>…</pre>通知浏览器。浏览器在输出时,对<pre>…</pre>括起来的内容几乎不做修改地输出。
HTML文档的字符格式标签主要有<b>、<i>和<u>,它们都成对出现。<b>和</b>之间的内容将显示为黑体文字,<i>和</i>之间的内容将显示为斜体,<u>和</u>之间的内容将显示为带下划线的文字。
地址标签,一般放在文档体的首部或尾部。<address>和</address>之间的内容通常是有关作者的信息,包括作者的姓名、身份等等。
滚动字幕能使网页生动活泼,增加视觉效果。标签为:<marquee>…</marquee>。
<marquee>标签有这样几个常用属性:
1.derection属性,用于指定文字移动方向,属性值有left、right。
2.behavior属性,指定文字移动方式。属性值有scroll、slide、alternate,分别表示文字一圈一圈地绕着走、只走一次、来回走动。
3.loop属性,用于指定循环次数,若不指定循环次数,则表示循环不止。
4.scrollamount属性,用于指定文字移动的速度。
5.bgcolor属性,用于指定文字背景色。
◆列表标记符
列表用于列举事实,常用的列表有3种格式:无序列表(unorderedList)、有序列表(orderedlist)和定义列表(definitionlist)。
首标签<ol>和尾标签</ol>之间的内容是有序列表的内容,排序列表的每一项必须用<li>标签标识。
无序列表是指列表内容可以按任意顺序排列。每一列表项前不是用连续编号,而是用一个特定符号来标记。
首标签<dl>和尾标签</dl>之间的内容就是定义列表的内容,列表项目用<dt>引导,它的说明用<dd>引导。
定义列表用于对清单条目进行简短说明,首标签<dl>和尾标签</dl>之间的内容就是定义列表的内容,列表项目用<dt>引导,它的说明用<dd>引导。通常<dt>和<dd>是成对出现的,即一个列表项目对应一个说明项,当然也可以一个列表项目对应多个说明项。
◆链接标记符
在浏览网页过程中,有时点击某处的文字或图像会跳转到另一部分,这是因为在网页中使用了超文本链接。使用超文本链接可以使顺序存放的文件在一定程度上具有随机访问的能力,更加符合人类的思维方式。支持文档的超连接是HTML最吸引人的优点之一。
一个超文本链接指针由两部分组成:被指向的目标和锚点。目标可以是同一文件的另一部分,也可以是另一个文件,还可以是动画或音乐。而当用户把鼠标移到锚点时,鼠标的形状会变成小手状,这时点击鼠标,就会跳转到链接的目标。
HTML文件用文字作锚点的格式是:<ahref="URL">字符串</a>。
HTML文件用图像作锚点的格式是:<ahref="URL"><imgsrc="URL"></a>。用图像作锚点实际上是用<imgsrc="URL">取代了用文字作锚点中“字符串”的位置。
HREF是链接中最常用的属性,该属性用来指出所要链接文件的名称或URL。URL是统一资源定位器(UniformResourceLocator),对于自己主机内的文件,它的URL可以根据该文件的实际情况决定。对于因特网上的资源,在用浏览器观看时它的URL会在浏览器的“地址”栏中显示出来,把它抄下来写到你的HTML文件中即可。这个“字符串”就是锚点。用鼠标点这个字符串时,浏览器就会将URL处的资源显示在屏幕上。
<imgsrc="URL">用来指明作为锚点的图像。
例如:<ahref="mypicture.gif">点此处看相片</A>
网页上会显示字符串“点此处看相片”,当把鼠标移到这个字符串上时,鼠标会变成小手形状,点击字符串就会显示文件“mypicture.gif”的内容。
◆表格标记符
<table>标记是定义表格的总标记,HTML要求一个表格的全部内容包含在<table>和</table>标记之中。
表格的定义顺序是首先定义表的一行,行标记用<tr>…</tr>,是成对标签。
单元格用标记<td>…</td>。
◆表单标记符
表单使网页具有交互功能。
表单标记<form>,表单输入标记<input>。
◆多媒体标记符
插入图像的标签是<img>,格式为:<imgsrc=“图形文件地址”>。
<bgsound>标签用以插入背景音乐。
四、结束语
对于网页设计来说,掌握HTML语言是成为网页设计师的第一步。HTML语言是一种面向对象语言,现在HTML5是HTML的最新版本,它包含了很多的新特性,打破了传统的HTML做法,它的内容更加丰富,不必依赖其他的插件,使其变得更加灵活、高效。所以可以看出网页制作在未来的发展前景是不可估量的,网页制作中会不断出现新的创意,提升到另一个平台。但在这之前都需要我们不断地在实践中总结经验,只有踩在这些基石上才能够更上一层楼。
参考文献
[1]龙马工作室新编HTML网页设计.北京:人民邮电出版社,2008。
[2]陈俊荣网页程序设计——HTML、JavaScript、CSS、XHTML、Ajax[J].清华出版社。