网页制作HTML代码全攻略.docx

《网页制作HTML代码全攻略.docx》由会员分享，可在线阅读，更多相关《网页制作HTML代码全攻略.docx（33页珍藏版）》请在冰豆网上搜索。

网页制作HTML代码全攻略

网页制作HTML代码全攻略

第一章：

HTML语言的结构

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

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

绝大多数元素是“容器”，即它有起始标记和结尾标记。

元素的起始标记叫做起始标注（starttag），元素终止标记叫做结尾标注（endtag），在起始标注和结尾标注中向的部份是元素体。

每一个元素都出名称和可选择的属性，元素的名称和属性都在起始标注内标明。

比如体元素（body）

demo

Thisismyfirsthtmlfile.

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

因为所有的标注都具有相同的结构，因此咱们将认真分析那个标注的各个部份，以便读者对标注的写法

有一可能了解。

　　<起始标注开始

　　body元素名称，由于元素和标注一一对应，因此元素名也叫标注名。

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

元素名称不分大小写。

　　background属性名。

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

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

　　＝指明属性值

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

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

　　>　起始链接链终止。

　　第二行和第三行是body元素的元素体，最后一行是body元素的结尾标注。

结尾标注用。

　　从上面的例子中，咱们能够看出，一个元素的元素体中能够有另外的元素。

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

…

。

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

html元素的元素体由

两大部份，即头元素..和体元素…和一些注释组成。

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

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

　　　　　html文件开始

　　文件头开始

　　文件头

　　　文件头终止

　　文件体开始

　　文件体

　　文件体终止

　　　　html文件终止

　　需要说明的是，html是一门进展专门快的语言，初期的html文件并无如此严格的结构，因此此刻流行的阅读器（如Netscape,Mosaic等）为维持对初期html文件的兼容性,也支持不按上述结构编写的html文件。

还需要说明的是，各类阅读器对html元素及其属性的说明也不完全一样，本书中所讲的元素，元素的属性及其输出是以阅读器为准的，作者将尽可能给出别的阅读器对某一元素的说明。

　　一样来讲，html的元素有以下三种表示方式：

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

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

　　3）<元素名>

　　第三种写法仅用于一些特殊的元素,比如分段元素P，它仅仅通知www阅读器在此处分段，因此不需要界定作用范围，因此它没有结尾标注。

标准中，也概念了

　　注意:

HTML并非大小写灵敏.

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

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

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

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

　　title的长度没有限制，但太长的题目会致使折行，一样情形下它的长度不该超过64个字符。

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

introduction那个题目，读者不可能依照它判定出本文介绍的是什么。

一个好的例子是：

　　

　　在头元素中还能够显现其他元素，如，等等。

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

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

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

Thisismyfirsthtmlfile.

　§题目（hn）

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

题目号越小，字体越大。

一样情形下，阅读器对题目作如下说明：

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

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

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

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

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

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

　　Netscape对hn的说明为，一概黑体，字体愈来愈小。

　　hn能够有对齐属性，align＝#，#表示

left题目居左

center题目居中

right题目居右

　　例:

Chapter2

题目元素！

题目元素！

题目元素！

题目元素！

题目元素！

题目元素！

　§分段

　　html的阅读器是基于窗口的，用户能够随时改变显示区的大小，因此html将多个空格和回车等效为一个空格，这是和绝大多数字处置器不同的。

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

。

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

ThisisalevelTwoHeading

paragraphyone

paragraphtwo

…………………………

ThisIsaLevelTwoHeading

paragraphone

paragraphTwo

也能够有多种属性，比较经常使用的属性是：

　　aligh＝##能够是left,center,right,其含义同上文。

　　例　Thisisacenteredparagraph<／p>

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

这时，不带clear属性的

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

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

clear属性的含义为：

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

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

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

　　§列表List

　　列表用于列举事实，经常使用的列表有3种格式，即无序列表（unorderedList），有序列表（orderedlist）和概念列表（definitionlist）

　无序列表（ul）

　　无序列表用（ul）开始，每一个列表条款用

输出时每一列表条款缩进，而且以黑点标示。

例：

　

• Today

  　

• Tommorow

  　

输出为

　●Today

　●Tommorow

　有序列表

　　有序列表与无序列表相较，只是在输出时列表条款用数字标示，下面是一个例子及其输出：

　　例：

　　　

　　　

1. Today

   　　　

2. Tommorow

   　　　

　　输出为：

　　　

　　　

　　概念列表

　　概念列表用于对列表条款进行简短说明的场合，用

开始，列表条款用

引导，它的说明用

引导。

Item1

Thedefinitionofitem1

Item2

Definitionorexplainationofitem2

输出为：

Item1

　　Thedefinitionofitem1

Item2

　　Definitonorexplainationofitem2

　改变条款标记

　　无序列表输出时，每一条款前都有一个黑色圆点，用户能够用type序性修改条款的标记。

type能够是disc实心圆点　cirde圆圈square实心方点

ONE

TWO

THREE

输出为：

●ONE

○TWO

■THREE

　　有序列表条款标记的缺省值是阿拉伯数字，能够用type属性修改。

方式为：

#=A,大写字母

a,小写字母

I,大写罗马数字

i,小写罗马数字

l,缺省,阿拉伯数字

ONE-ONE
1. ONE-TWO

输出为：

ONE-ONE
1. ONE－TWO

输出为：

ONE-ONE
1. ONE=TWO<／ol>

   输出为：

   Ⅰ.ONE-ONE

   Ⅱ.ONE-TWO

   ONE-ONE
   1. ONE-TWO<／ol>

      输出为：

      ONE-ONE
      1. ONE-TWO

      输出为：

      　　有序列表的条款数字在缺省情形下是从1开始的，用start属性可修改这一值。

      方式为#是条款起始号

      ONE-ONE

   2. ONE-TWO

   3. TWO-ONE

      TWO-ONE

输出为：

　　列表的嵌套

　　各类列表能够彼此嵌套，每一个列表条款都能够是一个单独的列