全称:HyperText Mark-up Language
译称:超文本标记语言。
简意:一种为普通文件中某些字句加上标识的语言,其目的在于运用标记(tag)合文件 达到预期的效果。
HTML 是在 SGML 定义下的一个描述性的语言,或可说 HTML 是 SGML 的一个应用程式。HTML 不是程式语言,如 C++ 和 Java 之类,它只是标记语言,基本上你只要明白了各种 标记的用法便算学懂了 HTML,HTML 的格式非常简单,只是由文字及标记组合而成,于 编辑部方面,任何文字编辑器都市可以,只要能将档案存为文本格式即可, 用专门的网页编辑工具当然更好。
■ 阅读须知:
这一篇【HTML彻底剖析】偏重于标记的介绍,考虑到易懂及每节的篇幅问题,我并不按 W3C 的 HTML 分类,这可令你更易选择有兴趣的标记,其中只有【文件标记】是必须的,其余可任意选择。这一篇不会提及任何网页编辑软件,只要你掌握了 HTML ,任何网页编辑工具都可以变成一把利器。(就好像只要你有深厚内功,树叶同样可以杀人)
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.
错误示范: 原代码 566 E Boston Post RD
Mamaroneck NY 10543-9982
United States of America
显示结果 566 E Boston Post RD Mamaroneck NY 10543-9982 United States of America
正确例子: 原代码 566 E Boston Post RD
Mamaroneck NY 10543-9982
United States of America
显示结果 566 E Boston Post RD
Mamaroneck NY 10543-9982
United States of America
例子: 原代码 <CENTER>Chris's First Homepage</CENTER>
<CENTER>What's new</CENTER>
<CENTER>My profile</CENTER>
结果 Chris's First Homepage
What's new
My profile
<DIV>应用在 Style Sheet(样式表)方面更显威力,它最终目的是给设计者另一种组织 能力,有 Class ; Style ; title ; ID 等属性,将于【Style Sheet】一节才作详述,这里只作一个 属性设定。
以 <DIV align="center"> 为例:
align="center"
可选值:center ; left ; right 。决定对齐方向。
<DIV align="center"> 的作用和居中标记 <CENTER>一样,前者是由 HTML3.0 开始 的标准,后者是通用已久的标示法。
例子: 原代码 <DIV align="center">Chris's First Homepage
<br>What's new
<br>My profile</DIV>
显示结果 Chris's First Homepage
What's new
My profile
例子: (第一行是没有任何字体标记的,作参照用) HTML Source Code (原代码) 浏览器显示结果
Creation of Webpage
<br><STRONG>Creation of Webpage</STRONG>
<br>Creation of Webpage Creation of Webpage
Creation of Webpage
Creation of Webpage
■ <EM> <VAR> <CITE> <DFN> <ADDRESS>: ▲Top
这些标记在 Internet Explorer 里都会产生斜体效果,而只有 </DFN> 于 Netscape Netvigator 失去作用。这些标记中只有 <ADDRESS> 较为特别,因为它包括换行效果所以不必在它前面加上
标记。
例子: HTML Source Code (原代码) 浏览器显示结果
Creation of Webpage
<br><EM>Creation of Webpage</EM>
<br><VAR>Creation of Webpage</VAR>
<br><CITE>Creation of Webpage</CITE>
<br><DFN>Creation of Webpage</DFN>
<ADDRESS>Creation of Webpage</ADDRESS> Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
<TT> <SAMP> <CODE> <KBD> 可令每字母有相等宽度且每个字母之间的距离稍微加宽。但于 NC 不见得如此。
<U> 是加底线的标记,一些特别的浏览器并不支持,因顾虑到与链接混淆。
<STRIKE> 加上删除线的标记。
<BIG> 令字体加大。
<SMALL> 令字体变细。
<SUB> 为下标字, <SUP> 则为上标字,仅剩的数学标记。
例子: (第一行是没有任何字体标记的,作参照用) HTML Source Code (原代码) 浏览器显示结果
Creation of Webpage
<br><TT>Creation of Webpage</TT>
<br><SAMP>Creation of Webpage</SAMP>
<br><CODE>Creation of Webpage</CODE>
<br><KBD>Creation of Webpage</KBD>
<br>Creation of Webpage
<br><STRIKE>Creation of Webpage</STRIKE>
<br><BIG>Creation of Webpage</BIG>
<br><SMALL>Creation of Webpage</SMALL>
<br>12345<SUB>7</SUB> 6789<SUP>9</SUP> Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
123457 67899
例子: <font face="Arial" size="+2" color="#008000">Creation of Webpage
face="Arial"
设定文字的字形。Arial 是常用的一种,请不要使用 Window 附带字 体以外的字体。对于没有设定为中文代码的中文网页,Netscape Netvigator 不会显示此标记 所指明的任何中文字体。
size="+2"
设定文字的大小。其值可以是绝对或相对,
绝对的意思是标记自己决定文字的大小,不受 <BASEFONT> 的影响,如
size="5" 表示其大小便是 5, 而html内定值为 3,即 size="3"和没设定是一样的。
相对的意思是在默认值 3 基础上增大或缩小的级数,如 size="+2" 便等同绝 对表示法的 size="5",蓝天若已设定 <BASEFONT size="n"> 则其实际大小便是 n+2 不 再是 3+2 了。<BASEFONT>只有绝对表示法。
color="#008000"
设定文字的颜色。#008000 表示绿色,各类颜色值及调色法请参考【调色原理】
例子: 原代码 <font size="+1">I love Creation of Webpage
<br><font size="+2" color="#800080">I love Creation of Webpage
<br><font face="Times New Roman" size="5" color="#008000">I love Creation of Webpage
显示结果 I love Creation of Webpage
I love Creation of Webpage
I love Creation of Webpage