【HTML】教程--一般概念
【HTML】教程--文件标记
【HTML】教程--排版标记
【HTML】教程--字体标记
Q:
【HTML】教程--一般概念
A:
■
HTML
一般概念：
这节将简单介绍
HTML。
全称：HyperText
Mark-up
Language
译称：超文本标记语言。
简意：一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）合文件
达到预期的效果。
HTML
是在
SGML
定义下的一个描述性的语言，或可说
HTML
是
SGML
的一个应用程式。HTML
不是程式语言，如
C++
和
Java
之类，它只是标记语言，基本上你只要明白了各种
标记的用法便算学懂了
HTML，HTML
的格式非常简单，只是由文字及标记组合而成，于
编辑部方面，任何文字编辑器都是可以，只要能将档案存为文本格式即可，
用专门的网页编辑工具当然更好。
■
阅读须知：
这一篇【HTML彻底剖析】偏重于标记的介绍，考虑到易懂及每节的篇幅问题，我并不按
W3C
的
HTML
分类，这可令你更易选择有兴趣的标记，其中只有【文件标记】是必须的，其余可任意选择。这一篇不会提及任何网页编辑软件，只要你掌握了
HTML
，任何网页编辑工具都可以变成一把利器。（就好像只要你有深厚内功，树叶同样可以杀人）
■
标记写法：
·任何标记皆由"<"及">"所围住，如
<P>
·标记名与小于号之间不能留有空白字元。
·有些标记需要加上参数，有些不要。如
<font
size="+2">Hello
·参数只可加于起始标记中。
·在起始标记的标记名前加上符号"/"便是终结标记，如
·标记字母大小写皆可。
■
围堵标记与空标记：
标记按型态分为围堵标记与空标记
1、围堵标记
顾名思义，它以起始标记及终结标记将文字围住，令其达到预期要显示的效果。
例如
HTML
Source
：
Creation
of
Webpage
is
my
favourite.
显示成：
Creation
of
Webpage
is
my
favourite.
其中
便称为围堵标记。它以起始标记及终结标记标示文字
Creation
of
webpage
，令它显示成粗体，两者失其一都会发生错误显示。
2、空标记
是指标记单独出现，只有起始标记没有终结标记。
例如
HTML
Source：
I
love
Creation
of
Webpage.<br>It's
a
wonderful
place.
显示成：
I
love
Creation
of
Webpage.
It's
a
wonderful
place.
其中换行标记<br>便属于空标记。
它的作用是将标记后的所有东西显示于下一行，可同终结标记对它是没有意义的，
但有些人为空标记加上终结标记，这是为方便阅读而已，对
HTML
没有影响。
文章来源:Goeway
Q:
【HTML】教程--文件标记
A:■
文件标记
<HTML>
；
<HEAD>
；
<TITLE>
；
<BODY>
欲明白本篇【HTML彻底剖析】之标记分类，请看
【标记一览】。
也请先明白围堵标记与空标记的分别，请看
【HTML概念】。
■
HTML
基本架构：
以下
HTML
Source
Code
便是一份
HTML
文件的基本架构
：
<HTML>
<HEAD>
<TITLE>
网页的标题
</TITLE>
</HEAD>
<BODY>
网页的内容，很多标记都作用于此
</BODY>
</HTML>
特点解说：
整份文件处于标记<HTML>与</HTML>之间。
<HTML>用以宣告这是
HTML
文件，让浏览器认出并正确处理此
HTML
文件。
文件分两部份，由<HEAD>至</HEAD>称为开头，<BODY>至</BODY>称本文。
基本上两者各有适用的标记，如<TITLE>只可出现于开部分。
开头部分用以存载重要信息，而只有本文部分会被显示。
所以大部分标记会应用于本文部分。
<TITLE>所标示的是文件的标题。
会出现于浏览器顶部及为别人
Bookmark
时的名称，所以每页有不同面明确的标题是需要的。
上述标记中只有<BODY>具参数设定。
■
<BODY>
的参数设定：
例子：
<BODY
text="#000000"
link="#0000FF"
alink="#FF0000"
vlink="#0000FF"
background="bg1.gif"
bgcolor="#FFFFFF"
leftmargin=2
topmargin=2
bgproperties="fixed">
text="#000000"
用以设定文字颜色。
#000000
代表黑色，也可以采用颜色名称，即
text="black"
。各种颜色的值及名称可参考【调色原理】一节。
link="#0000FF"
设定一般文字链接的颜色。
alink="#FF0000"
设定刚按下时文字链结颜色。
vlink="#0000FF"
设定被按过后的链接的颜色。
background="bg1.gif"
设定背景图片。GIF
或
JPEG
皆可，可以是绝对路径或相对路径。
bgcolor="#FFFFFF"
设定背景颜色，当已设定背景图片时会失去作用，除非透明部分。
leftmargin=2
设定整份文件显示画面的左方边沿空间，单位为像素。
（只适用于IE）
topmargin=2
设定整份文件显示画面的上方边沿空间。
（只适用于IE）
bgproperties="fixed"
固定背景图片，当卷轴卷动时不会跟着卷动。
（只适用于IE）
标记及参数的字母大小写都可以。其他如
onload
等事件请参看有关
Java
Script的介绍。
文章来源：Goeway
Q:
【HTML】教程--排版标记
A:■
排版标记
<!--注解-->
；
<P>
；
；
<HR>
；
<CENTER>
；
<PRE>
；
<DIV>
；
<NOBR>
；
<WBR>
；
欲明白本篇【HTML彻底剖析】之标记分类，请看
【标记一览】。
也请先明白围堵标记与空标记的分别，请看
【HTML概念】。
■<!--注解-->：
▲Top
像很多电脑语言一样，HTML
也提供注解功能。浏览器将忽略此标记中的文字（可以是
很多行）而不作显示，一般使用目的：
为文中不同的部分加上说明，方便日后修改。
这对较复杂或非私人网页尤其重要，它不单提醒自己也提醒其他同事这部分
做什么、那部份做什么。
例子：
<!--由这里开始是产品订购表格-->
用作版权声明。
假如你不希望别人使用或复制你的网页，可加上警告字句。
例子：
<!--本文版权为
2000,
FortuneAge
所有，未经许可，请勿抄摘-->
■
<P>
：
▲Top
<P>
称为段落标记。作用：留一空白行。
本来<P>是一个围堵标记，标于一段落的头尾，但从
HTML
2.0
开始已不需要</P>作结尾。
<P>
的常用参数：
如：<p
align="center">
align="center"
可选值：right,
left,
center。
默认值：
align="left"
例子：
原代码
Here
is
the
text
for
my
paragraph.
It
does't
matter
how
long
it
is,
how
many
space
are
between
the
words
or
when
I
decide
to
hit
the
return
key.
It
will
create
a
new
paragraph
only
when
I
begin
the
tag
with
another
one.
<P>Here's
the
next
paragraph.
显示结果
Here
is
the
text
for
my
paragraph.
It
does't
matter
how
long
it
is,
how
manyspace
are
between
the
words
or
when
I
decide
to
hit
the
return
key.
It
will
create
a
new
paragraph
only
when
I
begin
the
tag
with
another
one.
Here's
the
next
paragraph.