文档介绍：第3章 HTML语言基础
本章要点:
网页设计的基本原则
HTML语言及其基本语法
HTML(Hyper Text Markup Language,即超文本标记语言)是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,WINDOWS等)。自1990年以来HTML就一直被用作格式设计和它与。
HTML文档(即网页的源文件)是一个放置了标记的ASCII文本文件,。生成一个HTML文档主要有以下三种途径:
(1) 手工直接编写(例如用你所喜爱的 ASCII文本编辑器或其它HTML的编辑工具)。
(2) 通过某些格式转换工具将现有的其它格式文档(如WORD文档)转换成HTML文档。
(3) 借助专用制作工具软件,如Frontpage、Dreamweaver等进行设计与制作。
HTML语言是通过利用各种标记(tags)来标识文档的结构以及标识超链接(Hyperlink)信息的。虽然HTML语言描述了文档的结构格式,但并不能精确地定义文档信息必须如何显示和排列,而只是建议Web浏览器
(scape等)应该如何显示和排列这些信息,最终在用户面前的显示结果取决于Web浏览器本身的显示风格及其对标记的解释能力。这就是为什么同一文档在不同的浏览器中展示的效果会不一样的原因。
网页设计基本原则
设计网页如同编写其它计算机程序一样,需要一定的专业知识和基本技能,而且必须对设计环境有个明确的了解。在设计网页的过程中,要清楚地了解网页的阅读对象,要对整个网络文档有统一的规划。总体说来,要了解以下基本设计原则:
(1)正确分析网页用户的需要。
(2)网页下载时间不宜过长。注意网页文件的大小,在50KB以内为宜。
(3)网页的设计要做到在不同的环境下都能浏览。
(4)注意网页中的图形设计。首先,图形的文件大小要尽可能小,尽量使用GIF文件和JPG文件,不使用BMP文件。其次,每个图形都要有相应的替代文字,这使得用户在关闭图形显示功能时能够看到替代文字。
(5)定期更新网页内容。每隔一定时间就对网页内容和版面设计进行较大幅度的更新,从而吸引访问者的注意力。这不失为增加来访次数的好方法。
(6)注意网站内容的搭配。在首页中尽量使之美观大方,直观又丰富。其它网页要与首页有很好的搭配效果。
(7)考虑不支持某些功能的浏览器。随着网页设计技术的不断进步,在网页中经常会使用一些特殊的技术,使得网页的功能更加丰富,看起来也更加美观。但是不可排除一些用户使用过时的浏览器浏览这些网页,这就需要为这些特殊的功能部分添加替代性文字,避免误将程序代码显示出来。
(8)对多媒体文件实施有限的限制。尽管网络多媒体技术有了很大的发展,但由于网络速度的限制,就要求一个网页设计者在设计网页时要充分考虑到所添加多媒体部分的大小和必要性。
HTML语言的结构
从结构上讲,HTML文件由元素(element)组成。组成HTML文件的元素有许多,用于组织文件的内容和指导文件的输出格式。
绝大多数元素是“容器”,即它有起始标记和结尾标记。
元素的起始标记叫做起始标记(start tag)。元素结束标记叫做结尾标记(end tag)。
在起始标记和结尾标记中间的部分是元素体。每一个元素都有名称和可选择的属性,元素的名称和属性都在起始标记内标明。比如体元素(body):
<body backgroud="">
<h2>示例</h2>
这是一个示例<p>
</body>
第一行是体元素的起始标记,它标明体元素从此开始。由于所有的标记都具有相同的结构,因此仔细分析这个标记的各个部分,就能对标记的写法有一个大概了解。
< 起始标记开始
body 元素名称,由于元素和标记一一对应,所以元素名也叫标记名。注意:<和body之间不能有空格。元素名称不分大小写。
background 属性名。一个元素可以有多个属性,属性及其属性值不分大小写。
属性值。表示用
。
属性名、=、属性值三者合起来构成一个完整的属性,一个元素可以有多个属性,各个属性用空格分开。
> 起始链接链结束。
第二行和第三行是body元素的元素体,最后一行是body元素的结尾标记。结尾标记用</开始,随后是元素名,然后是大于号>。