HTML语言基础Word文档下载推荐.docx

HTML语言基础Word文档下载推荐.docx

《HTML语言基础Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《HTML语言基础Word文档下载推荐.docx（18页珍藏版）》请在冰豆网上搜索。

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

需要注意的是<

和body之间不能有空格。

元素名称不分大小写。

background属性名。

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

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

　　＝指明属性值

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

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

　　>

起始链接链结束

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

结尾链接签用<

/开始，随后是元素名，然后是大于号：

。

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

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

…<

和第三行的分段元素<

实际上，html文件仅由一个html元素组成，即文件以<

html>

开始，以<

/html>

结尾，文件其部分都是html的元素体。

html元素的元素体由两大部分，即头元素<

head>

/head>

和体元素<

body>

和一些注释组成。

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

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

　　html文件开始

　　文件头开始

　　　文件头

　文件头结束

　　文件体开始

　　　文件体

　文件体结束

　　html文件结束

　　需要说明的是，html是一门发展很快的语言，早期的html文件并没有如此严格的结构，因而现在流行的浏览器（如Netscape,Mosaic等）为保持对早期html文件的兼容性,也支持不按上述结构编写的html文件。

还需要说明的是，各种浏览器对html元素及其属性的解释也不完全一样，本书中所讲的元素，元素的属性及其输出是以Netscape2.0浏览器为准的，作者将尽量给出别的浏览器对某一元素的解释。

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

　　1）<

元素名>

文件或超文本<

／元素名>

　　2）<

元素名属性名＝“属性值…>

文本成超文本<

　　3）<

　　第三种写法仅用于一些特殊的元素,比如分段元素P，它仅仅通知www浏览器在此处分段，因而不需要界定作用范围，所以它没有结尾链接签。

htlm3.0标准中，也定义了<

/p>

链接签，它用于需要界定作用范围的段落，比如增加对齐方式属性的段落。

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

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

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

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

第二章：

构成网页的基本元素

　　2.1题目（TITLE）

　　Title元素是文件头中唯一一个必须出现的元素，它也只能出现在文件头中。

title元素的格式为：

title>

文件题目<

/title>

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

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

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

　　除了标识窗口外，当将某一homepage存入书签或文件时，title还用作书签名或缺省的文件名。

　　title的长度没有限制，但过长的题目会导致折行，一般情况下它的长度不应超过64个字符。

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

introduction这个题目，读者不可能根据它判断出本文介绍的是什么。

一个好的例子是：

AnIntroductiontoHTML2.0<

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

isindex>

，<

meta>

等等。

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

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

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

thesimplesthtmlfile<

　　Thisismyfirsthtmlfile.

　　§

2.2标题（hn）

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

标题号越小，字体越大。

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

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

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

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

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

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

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

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

　　　　left标题居左

　　　　center标题居中

　　　　right标题居右

　　例:

<

h2align=center>

Chapter2<

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

　　　　<

h1>

Todayisfine!

<

／h1>

Todayisfine!

／h2>

h3>

／h3>

h4>

／h4>

h5>

／h5>

h6>

／h6>

2.3分段<

P>

　　html的浏览器是基于窗口的，用户可以随时改变显示区的大小，所以html将多个空格以及回车等效为一个空格，这是和绝大多数字处理器不同的。

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

比如下面两段源文件有相同的输出。

ThisisalevelTwoHeading<

　　paragraphyone<

paragraphtwo<

　　…………………………

ThisIsaLevelTwoHeading<

　　paragraphone<

　　paragraphTwo<

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

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

　　例：

palign=center>

Thisisacenteredparagraph<

　　当html文件中有图形，图形可能占据了窗口的一端，图形的周围可能还有较大的空白区。

这时，不带clear属性的<

可能会使文章的内容显示在该空白区内。

为确保下一段内容显示在图形的下方，可使用clear属性。

clear属性的含义为：

　　clear=left下一段显示在左边界处空白的区域

　　clear=right下一段显示在右边界处空白的区域

　　clear=all下一段的左右两边都不许有别的内容

2.4清单List

　　清单用于列举事实，常用的清单有3种格式，即无序清单（unorderedList），有序清单（orderedlist）和定义清单（definitionlist）

　　2.4.1无序清单（ul）

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

li>

引导，最后是<

/ul>

，注意清单条目不需要结尾链接签<

/Li>

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

　　例：

源文件

ul>

Today

Tommorow

　　输出为

　●Today

　●Tommorow　

　　2.4.2有序清单<

ol>

　　有序清单与无序清单相比，只是在输出时清单条目用数字标示，下面是一个例子及其输出：

/ol>

　　输出为：

　1.Today

　2.Tommorow

　　2.4.3定义清单<

dl>

　　定义清单用于对清单条目进行简短说明的场合，用<

开始，清单条目用<

dt>

引导，它的说明用<

dd>

引导。

Item1

Thedefinitionofitem1

Item2

Definitionorexplainationofitem2

/dl>

　Item1

　Thedefinitionofitem1

　Item2

　Definitonorexplainationofitem2

　　2.4.4改变条目标记

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

　　无序清单输出时，每一条目前都有一个黑色圆点，用户可以用type序性修改条目的标记。

type可以是

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

litype=disc>

ONE

litype=circle>

TWO

litype=square>

THREE

　●ONE

　○TWO

　■THREE

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

　　有序清单条目标记的缺省值是阿拉伯数字，可以用type属性修改。

方法为<

Litype=#>

　　　#=A,大写字母

　　　a,小写字母

　　　I,大写罗马数字

　　　i,小写罗马数字

　　　l,缺省,阿拉伯数字

litype=A>

ONE-ONE

ONE-TWO<

　　A.ONE-ONE

　　B.ONE-TWO

litype=a>

ONE－TWO<