文档介绍：第2章 HTML简介
1
HTML概述
HTML的发展历程
2
一个简单的HTML实例
【例2-1】用HTML 制作一个简单的网页。
3
HTML的基本概念
要了解HTML,先来熟悉一下HTML中的一些基本概念。
在HTML中用于描述功能的符号称为“标记”,它是用来控制文字、图像等显示方式的符号。标记在使用时必须用“< >”括起来,标记有单标记和双标记之分。
1)单标记
所谓“单标记”是指只需单独使用就能完整地表达意思的标记。这类标记的语法是:<标记名称>,例如<br/> 。
2)双标记
所谓“双标记”是指由“始标记”和“尾标记”两部分构成,必须成对使用的标记。其中始标记告诉Web浏览器从此处开始执行该标记所表示的功能,而尾标记告诉Web浏览器到这里结束该功能。始标记前加一个斜杠(/)即成为尾标记。双标记的语法是: <标记>内容</标记>,其中“内容”是指要被这对标记施加作用的部分。
例如想突出对某段文字的显示,可以将此段文字放在<em></em>这对标记中间,写为:<em>第一</em>。
4
许多单标记和双标记的始标记内可以包含一些属性,其语法是:<标记名称属性1 属性2 属性3 …>,各属性之间无先后次序,属性也可省略(即取默认值)。例如单标记<hr/>表示在文档当前位置画一条水平线,一般是从窗口中当前行的最左端一直画到最右端,它可以带这么一些属性:<hr size="3" align="LEFT" width="75%"/>。其中,size属性定义线的粗细,属性值取整数,缺省值为1;align属性表示对齐方式,可取left(左对齐,默认值),center(居中),right(右对齐);width属性定义线的长度,可取相对值(由一对" "号括起来的百分数,表示相对于整个窗口的百分比),也可取绝对值(用整数表示的屏幕像素点的个数,如width="300"),默认值是100%。
5
和其他计算机语言一样,HTML也提供了注释语句。注释语句的格式为:<!--注释文-->,“<!--”表示注释开始,“-->”表示注释结束,中间的所有内容表示注释文。注释语句可以放在任何地方,注释内容不在浏览器中显示出来,仅供设计人员阅读方便。
6
HTML的基本结构
HTML网页文件主要由文件头和文件体两部分内容构成。其中,文件头用于对文件进行一些必要的定义,文件体是HTML网页的主要部分,它包括文件所有的实际内容。
7
在HTML网页文件的基本结构中主要包含以下几种标记。
<html>…</html>标记放在网页文档的最外层,告诉浏览器HTML文档开始和结束的位置,其中包括head和body两大部分,中间嵌套其他标记。HTML文档中所有的内容都应该在这两个标记之间,一个HTML文档总是以<html>开始,以</html>结束。
HTML文件的头部用<head>…</head>标记,头部主要提供文档的描述信息,head部分的所有内容都不会显示在浏览器窗口中,主要用来说明文件的有关信息,如文件标题、作者、编写时间、搜索引擎可用的关键词、链接的其它脚本或样式文件等。
在head标记内最常用的标记是网页标题标记——title标记,它的格式为:<title>网页标题</title>。网页标题是提示网页内容和功能的文字,它将出现在浏览器的标题栏中,一个网页只能有一个标题,并且只能出现在文件的头部。
HTML文件的主体用<body>…</body>标记,它是HTML文档的主体部分,网页正文中的所有内容包括文字、表格、图像、声音和动画等都包含在这对标记对之间,其格式为:<body background=“image-url” bgcolor=“color” text=“color” link=“color” alink=“color” vlink=“color” leftmargin=“value” topmargin=“value”>…</body>。
8
HTML的语法规则
HTML语言应遵循以下的语法规则。
(1)HTML文件以纯文本形式存放,扩展名为“*.HTM”或“*.HTML”。
(2)HTML标记不区分大小写。
(3)多数HTML标记可以嵌套,但不可以交叉。
(4)HTML文件一行可以写多个标记,一个标记也可以分多行书写,不用任何续行符号。
(5)HTML源文件中的换行、回车符和空格在显示效果中是无效的。显示内容如