HTML彻底剖析1.docx

HTML彻底剖析1.docx

《HTML彻底剖析1.docx》由会员分享，可在线阅读，更多相关《HTML彻底剖析1.docx（25页珍藏版）》请在冰豆网上搜索。

HTML彻底剖析1

HTML彻底剖析

HTML彻底剖析（15）调色原理（10月09日）

HTML彻底剖析（14）特殊字符（10月09日）

HTML彻底剖析（13）其他标记（10月09日）

HTML彻底剖析（12）多媒体（10月09日）

HTML彻底剖析（11）影像地图（10月09日）

HTML彻底剖析（10）框架标记（10月09日）

HTML彻底剖析（9）链接标记（10月09日）

HTML彻底剖析（8）图形标记（10月09日）

HTML彻底剖析（7）表格标记（10月09日）

HTML彻底剖析（6）清单标记（10月09日）

HTML彻底剖析（5）字体标记（10月09日）

HTML彻底剖析（4）排版标记（10月09日）

HTML彻底剖析（3）文件标记（10月09日）

HTML彻底剖析

（2）标记一览（10月09日）

HTML彻底剖析

（1）一般概念（10月09日）

HTML彻底剖析

（1）一般概念

■HTML一般概念：

　　这节将简单介绍HTML。

　　全称：

HyperTextMark-upLanguage

　　译称：

超文本标记语言。

　　简意：

一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）合文件达到预期的效果。

　　HTML是在SGML定义下的一个描述性的语言，或可说HTML是SGML的一个应用程式。

HTML不是程式语言，如C++和Java之类，它只是标记语言，基本上你只要明白了各种标记的用法便算学懂了HTML，HTML的格式非常简单，只是由文字及标记组合而成，于编辑部方面，任何文字编辑器都市可以，只要能将档案存为文本格式即可，用专门的网页编辑工具当然更好。

■阅读须知：

　　这一篇【HTML彻底剖析】偏重于标记的介绍，考虑到易懂及每节的篇幅问题，我并不按W3C的HTML分类，这可令你更易选择有兴趣的标记，其中只有【文件标记】是必须的，其余可任意选择。

这一篇不会提及任何网页编辑软件，只要你掌握了HTML，任何网页编辑工具都可以变成一把利器。

（就好像只要你有深厚内功，树叶同样可以杀人）

■标记写法：

　　·任何标记皆由"<"及">"所围住，如

　　·标记名与小于号之间不能留有空白字元。

　　·有些标记需要加上参数，有些不要。

如Hello

　　·参数只可加于起始标记中。

　　·在起始标记的标记名前加上符号"/"便是终结标记，如

　　·标记字母大小写皆可。

■围堵标记与空标记：

标记按型态分为围堵标记与空标记

　　1、围堵标记

　　顾名思义，它以起始标记及终结标记将文字围住，令其达到预期要显示的效果。

　　例如HTMLSource：

CreationofWebpageismyfavourite.

　　显示成：

CreationofWebpageismyfavourite.

　　其中便称为围堵标记。

它以起始标记及终结标记标示文字Creationofwebpage，令它显示成粗体，两者失其一都会发生错误显示。

　　2、空标记

是指标记单独出现，只有起始标记没有终结标记。

　　例如HTMLSource：

　　IloveCreationofWebpage.
It'sawonderfulplace.

显示成：

　　IloveCreationofWebpage.

　　It'sawonderfulplace.

其中换行标记
便属于空标记。

　　它的作用是将标记后的所有东西显示于下一行，可同终结标记对它是没有意义的，但有些人为空标记加上终结标记，这是为方便阅读而已，对HTML没有影响。

HTML彻底剖析

（2）标记一览

标记

类型

名称或意义

作用

备注

文件标记

●

文件宣告

让浏览器知道这是HTML文件

●

开头

提供文件整体信息

网页的内容，很多标记都作用于此

　　特点解说：

∙整份文件处于标记与之间。

用以宣告这是HTML文件，让浏览器认出并正确处理此HTML文件。

∙文件分两部份，由至称为开头，至称本文。

基本上两者各有适用的标记，如

用法：

　　　　　　指明自己Web页面的名字。

这个元素放在HEAD元素之中，显示在浏览器窗口的标题栏中。

开始／结束标识：

　必须／必须

属性：

　　　　　　%i18n

空：

　　　　　　　不允许

注释：

　　　　　　每个文档只允许有一个标题

HTML彻底剖析（4）排版标记

■排版标记

--注解-->；

；
；

；
；；；
　　欲明白本篇【HTML彻底剖析】之标记分类，请看【标记一览】。
　　也请先明白围堵标记与空标记的分别，请看【HTML概念】。
 
　
■
--注解-->：
▲Top
用法：
　　　　　　用来插入一些在浏览器中不显示的注释和解释性语言
开始／结束标识：
　必须／必须
属性：
　　　　　　没有
空：
　　　　　　　允许
注释：
　　　　　　其内容长度不用被限制在一行内，可以为任意长度。
结束标识和开始标识可以不在一行上。
　　像很多电脑语言一样，HTML也提供注解功能。
浏览器将忽略此标记中的文字（可以是很多行）而不作显示，一般使用目的：
∙为文中不同的部分加上说明，方便日后修改。
这对较复杂或非私人网页尤其重要，它不单提醒自己也提醒其他同事这部分做什么、那部份做什么。
例子：
--由这里开始是产品订购表格-->
∙用作版权声明。
假如你不希望别人使用或复制你的网页，可加上警告字句。
例子：
--本文版权为2000,FortuneAge所有，未经许可，请勿抄摘-->
　
■
：
▲Top
用法：
　　　　　　定义一个段落
开始／结束标识：
　必须／可选
属性：
　　　　　　%coreattrs,%i18n,%events
　　　　　　　　　align="..."被反对。
用来控制对齐方式（left,right,center,justify）
空：
　　　　　　　不允许
　　
称为段落标记。
作用：
留一空白行。
　　本来
是一个围堵标记，标于一段落的头尾，但从HTML2.0开始已不需要
作结尾。
　　
的常用参数：
如：
∙align="center"
可选值：
right,left,center。
默认值：
align="left"
　　例子：
原代码
Hereisthetextformyparagraph.Itdoes'tmatterhowlongitis,
howmanyspacearebetweenthewordsorwhenIdecidetohitthereturnkey.
ItwillcreateanewparagraphonlywhenIbeginthetagwithanotherone.
Here'sthenextparagraph.
显示结果
Hereisthetextformyparagraph.Itdoes'tmatterhowlongitis,howmanyspacearebetweenthewordsorwhenIdecidetohitthereturnkey.ItwillcreateanewparagraphonlywhenIbeginthetagwithanotherone.
Here'sthenextparagraph.
　
■
：
▲Top
用法：
　　　　　　强迫一行文本断开
开始／结束标识：
　必须／必须
属性：
　　　　　　%coreattrs,%i18n,%events
　　　　　　　　　clear="..."设置在一个浮动对象之后的下一段起始位置（none,left,right,all）
空：
　　　　　　　不允许
　　
称为换行标记。
作用：
令其后的内容在下一行显示。
　　由于浏览器会自动忽略原代码中的空白和换行的部分，这使得
成为最常用的标记之一。
因为无论你在原代码中编好了多漂亮的文章，若不适当地加上换行标记或段落标记，浏览器只会将它显示成一大段。
错误示范：
原代码
566EBostonPostRD
MamaroneckNY10543-9982
UnitedStatesofAmerica
显示结果
566EBostonPostRDMamaroneckNY10543-9982UnitedStatesofAmerica
正确例子：
原代码
566EBostonPostRD

MamaroneckNY10543-9982

UnitedStatesofAmerica
显示结果
566EBostonPostRD
MamaroneckNY10543-9982
UnitedStatesofAmerica
　
■
：
▲Top
用法：
　　　　　　是一个水平分割线，用来把页面分成几个部分
开始／结束标识：
　必须／非法
属性：
　　　　　　%coreattrs，%events
　　　　　　　　　align="..."被反对。
控制对齐方式（left,right,center,justify）
　　　　　　　　　noshade="..."显示一个实心的分界线
　　　　　　　　　size="..."被反对。
控制分界线的尺寸大小
　　　　　　　　　width="..."被反对。
控制分界线的宽度
空：
　　　　　　　允许
　　
称为水平线。
作用：
插入一条水平线。
　　
的参数修改：
　　以：
为例。
▪align="LEFT"
设定线条摆放位置，可选择：
left；right；center三种设定值。
▪size="2"
设定线条的厚度，以像素作单位，内定为2。
▪width="70%"
设定线条长度，以像素作单位，可以是绝对或相对值，内定为100%。
▪color="#0000FF"（只适用于IE）
设定线条颜色，内定为黑色。
#0000FF代表蓝色，也可以采用颜色的名称，即text="blue"。
各种颜色的值及名称请参考【调色原理】一节。
▪noshade
设定线条为平面显示，若删去则具阴影，这是内定值。
　　例子：
原代码
显示结果
 
　
■
：
▲Top
　　
称为居中标记。
作用：
令置中对齐。
　　你会发现很多的标记已有align="CENTER"的参数，
似乎是多余了，事实上它还是常用的标记之一，其简单易用，常用

		

           
展开阅读全文