HTML语言的结构.docx

《HTML语言的结构.docx》由会员分享，可在线阅读，更多相关《HTML语言的结构.docx（14页珍藏版）》请在冰豆网上搜索。

HTML语言的结构

HTML语言的结构

第一章：

HTML语言的结构

　　html文件是标准的ASCII文件，它看起来象是加入了许多被称为链接签（tag）的特殊字符串的普遍文本文件。

  从结构上讲，html文件由元素（element）组成，组成html文件的元素有许多种，用于组织文件的内容和指导文件的输出格式。

绝大多数元素是“容器”，即它有起始标

记和结尾标记。

元素的起始标记叫做起始链接签（starttag），元素结束标记叫做结尾链接签（endtag），在起始链接签和结尾链接签中间的部分是元素体。

每一个元素

都有“名称”和可选择的“属性”，元素的名称和属性都在起始链接签内标明。

比如体元素（body）

demo

Thisismyfirsthtmlfile.

　　第一行是体元素的起始链接签，它标明体元素从此开始。

因为所有的链接签都具有相同的结构，所以我们将仔细分析这个链接签的各个部分，以便读者对链接签的写法

有一大概了解。

　　<　　起始链接签开始

 body　　元素名称，由于元素和链接签一一对应，所以元素名也叫链接签名。

需要注意的是<和body之间不能有空格。

元素名称不分大小写。

 background属性名。

一个元素可以有多个属性，属性及其属性值不分大小写。

本属性指明用什么方法来填充背景。

 ＝指明属性值

“background.gif”属性值，表示用background.gif文件来填充背景。

 属性名,＝,属性值  合起来构成一个完整的属性，一个元素可以有多个属性，各个属性用空格分开。

>　起始链接链结束。

第二行和第三行是body元素的元素体，最后一行是body元素的结尾链接签。

结尾链接签用。

  从上面的例子中，我们可以看出，一个元素的元素体中可以有另外的元素。

（上例中第二行的标题元素

…

。

实际上，html文件仅由一个html元素组成，即文件以开始，以结尾，文件其部分都是html的元素体。

html元素的元素体由两大部分，即头元素..和体元素…

和一些注释组成。

头元素和体元素的元素体又由其它的元素和文本及注释组成。

也就是说，一个html文件应具有下面的结构：

　　　html文件开始

文件头开始

文件头

　文件头结束

文件体开始

文件体

文件体结束

　　html文件结束

一般来讲，html的元素有下列三种表示方法：

 1）<元素名>文件或超文本<／元素名>

 2）<元素名　属性名＝“属性值…>文本成超文本<／元素名>

　3）<元素名>

第三种写法仅用于一些特殊的元素,比如水平线

　　html文件中，有些元素只能出现在头元素中，绝大多数元素只能出现在体元素中。

在头元素中的元素表示的是该html文件的一般信息，比如文件名称，是否可检索等等。

这些元素书写的次序是无关紧要的，它只表明该html有还是没有该属性。

与此相反，出

现在体元素中的元素是次序敏感的，改变元素在html文件中的次序会改变该html文件的输出形式。

第二章：

构成网页的基本元素

2.1网页主题（TITLE）

Title元素是文件头中出现的元素，title元素的格式为：

 

title标明该html文件的题目，是对文件内容的概括。

一

个好的题目应该能使读者从中判断出该文件的大概内容。

文件的题目一般不会显示在文本窗口中，而以窗口的名

称显示出来。

title的长度没有限制，但过长的题目会导致折行，

一般情况下它的长度不应超过64个字符。

由于title的作

用是标明文件内容，所以太短的title也是不可取的，比

如：

"introduction"这个题目，读者不可能根据它判断出

本文介绍的是什么。

一个好的例子是：

　AnIntroductiontoHTML4.0

在头元素中还可以出现其他元素，如，

等等。

这些元素都不是必须的，而且也不常用。

这些元素的用法和它们的含义可以参考有关文献。

下面是一个最简单的html文件

Thisismyfirsthtmlfile.

§2.2段落格式标题（hn）

  标题元素有6种，分别为h1,h2,…h6，用于表示文章中的各种标题。

标题号越小，字体越大。

一般情况下，浏览器对标题作如下解释：

h1黑体，特大字体，居中，上下各有两行空行。

h2黑体，大字体，上下各有一到两行空行

h3黑体（斜体），大字体，左端微缩进，上下空行

h4黑体，普通字体，比h3更多缩进，上边一空行

h5黑体（斜体），与h4相同缩进，上边一空行

h6黑体，与正文有相同缩进，上边一空行

hn可以有对齐属性，align＝#，#表示

left标题居左

center标题居中

right标题居右

例:

Chapter2

下面给出hn的例子及其输出：

Todayisfine!

<／h1>Todayisfine!

Todayisfine!

<／h2>Todayisfine!

Todayisfine!

<／h3>Todayisfine!

Todayisfine!

<／h4>Todayisfine!

Todayisfine!

<／h5>Todayisfine!

Todayisfine!

<／h6>Todayisfine!

§2.3分段

  html的浏览器是基于窗口的，用户可以随时改变显示

区的大小，所以html将多个空格以及回车等效为一个空格，这是和绝大多数字处理器不同的。

html的分段完全依赖于分段元素

。

ThisisalevelTwoHeading

paragraphyone

paragraphtwo

…………………………

也可以有多种属性，比较常用的属性是：

aligh＝#

#可以是left,center,right,其含义同上文。

例　Thisisacentered

paragraph<／p>

§2.4项目列表（清单）List

 清单用于列举事实，常用的清单有2种格式，即

无序清单（unorderedList），

有序清单（orderedlist）

2.4.1无序清单（ul）

无序清单用（ul）开始，每一个清单条目用

输出时每一清单条目缩进，并且以黑点标示。

例：

源文件

• Today
• Tommorow

输出为

●Today

●Tommorow

2.4.2有序清单

有序清单与无序清单相比，只是在输出时清单条目用数

字标示，下面是一个例子及其输出：

　

1. Today
2. Tommorow

输出为：

1.Today

2.Tommorow

2.4.4改变条目标记

1.改变无序清单条目标记

无序清单输出时，每一条目前都有一个黑色圆点，

用户可以用type序性修改条目的标记。

type可以是

disc实心圆点　cirde圆圈square实心方点

ONE

TWO

THREE

输出为：

●ONE

○TWO

■THREE

2.改变有序清单条目标记

 有序清单条目标记的缺省值是阿拉伯数字，可以用

type属性修改。

方法为

#=A,大写字母

a,小写字母

I,大写罗马数字

i,小写罗马数字

l,缺省,阿拉伯数字

 

1. ONE-ONE
2. ONE-TWO

A.ONE-ONE

B.ONE-TWO

a.ONE-ONE

b.ONE-TWO

<／ol>

Ⅰ.ONE-ONE

Ⅱ.ONE-TWO

i.ONE-ONE

ii.ONE-TWO

1.ONE-ONE

2.ONE-TWO

3.改变有序清单条目的起始数字

  有序清单的条目数字在缺省情况下是从1开始的，用

start属性可修改这一值。

方法为#是条目

起始号

ONE-ONE

TWO-TWO

E.ONE-ONE

6.ONE-TWO

10.TWO-ONE

xi.TWO-TWO

§2.7居中

很多元素都有对齐方式属性，如hn、p等。

也可以直接

用居中链接签