中财网福彩自助投注机加盟:HTML彻底剖析
来源：百度文库 编辑：中财网 时间：2024/04/29 16:18:04
HTML彻底剖析(1)一般概念
■ HTML 一般概念：
这节将简单介绍 HTML。
全称：HyperText Mark-up Language
译称：超文本标记语言。
简意：一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）合文件 达到预期的效果。
HTML 是在 SGML 定义下的一个描述性的语言，或可说 HTML 是 SGML 的一个应用程式。HTML 不是程式语言，如 C++ 和 Java 之类，它只是标记语言，基本上你只要明白了各种 标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于 编辑部方面，任何文字编辑器都市可以，只要能将档案存为文本格式即可， 用专门的网页编辑工具当然更好。
■ 阅读须知：
这一篇【HTML彻底剖析】偏重于标记的介绍，考虑到易懂及每节的篇幅问题，我并不按 W3C 的 HTML 分类，这可令你更易选择有兴趣的标记，其中只有【文件标记】是必须的，其余可任意选择。这一篇不会提及任何网页编辑软件，只要你掌握了 HTML ，任何网页编辑工具都可以变成一把利器。（就好像只要你有深厚内功，树叶同样可以杀人）
■ 标记写法：
·任何标记皆由"<"及">"所围住，如
● 标题 定义文件标题，将显示于浏览器顶端<br><BODY> ● 主体 设计文件格式及内容所在<br>排版标记<br><!--注解--> ○ 说明标记 为文件加上说明，但不被显示<br><P> ○ 段落标记 为字、图、表格等之间留下一空白行<br><BR> ○ 换行标记 令字、图、表格显示于下一行<br><HR> ○ 水平线 插入一水平线<br><CENTER> ● 居中 令字、图、表格等显示于中间 反对<br><PRE> ● 预设格式 令文件按原代码的排列方式显示<br><DIV> ● 定位标记 设定字、图、表格等的摆放位置<br><NOBR> ● 不换行 令文字不因太长而换行<br><WBR> ● 建议换行 预设换行部位<br>字体标记<br><STRONG> ● 加重语气 产生字体加粗 Bold 的效果<br><B> ● 粗体标记 产生字体加粗的效果<br><EM> ● 强调标记 字体出现斜体效果<br><I> ● 斜体标记 字体出现斜体效果<br><TT> ● 等宽字体 Courier字体，字母宽度相同<br><U> ● 加下划线 加下划线 反对<br><H1> ● 一级标题标记 将字体变大，级数越高越小<br><H2> ● 二级标题标记 将字体变大<br><H3> ● 三级标题标记 将字体变大<br><H4> ● 四级标题标记 将字体变大<br><H5> ● 五级标题标记 将字体变大<br><H6> ● 六级标题标记 将字体变大<br><FONT> ● 字体标记 设定字体、大小、颜色 反对<br><BASEFONT> ○ 基准字体标记 设定所有字体、大小、颜色 反对<br><BIG> ● 字体加大 令字体稍微变大<br><SMALL> ● 字体缩小 令字体稍微缩小<br><STRIKE> ● 加删除线 为文字加删除线 反对<br><CODE> ● 程式码 字体稍微加宽如<TT><br><KBD> ● 键盘字 字体稍微加宽，单一空白<br><SAMP> ● 范例 字體稍為加寬如<TT><br><VAR> ● 变量 斜体效果<br><CITE> ● 斜体标记 斜体效果<br><BLOCKQUOTE> ● 向右缩排 文字向右缩排<br><DFN> ● 述语定义 斜体效果<br><ADDRESS> ● 地址标记 斜体效果<br><SUB> ● 下标字 文字下标<br><SUP> ● 上标字 文字上标<br>清单标记<br><OL> ● 顺序清单 清单项目将以数字、字母顺序排列<br><UL> ● 无序清单 清单项目将以实心圆点作为符号排列<br><LI> ○ 清单项目 清单中的项目，一个标记一行<br><MENU> ● 选项清单 可用type参数指定项目符号。 反對<br><DIR> ● 目录清单 与<menu>相同 反對<br><DL> ● 定义清单 清单分两层出现<br><DT> ○ 定义条目 清单项标题<br><DD> ○ 定义内容 清单项内容<br>表格标记<br><TABLE> ● 表格标记 设定该表格的各项参数<br><CAPTION> ● 表格标题 做成一打通列以填入表格标题<br><TR> ● 表格列 设定该表格的列<br><TD> ● 表格栏 设定该表格的栏<br><TH> ● 表格标头 相等于<TD>，但其内文字字体会变粗<br>表单标记<br><FORM> ● 表单标记 决定该表单的运作模式<br><TEXTAREA> ● 文字框 提供文字输入栏<br><INPUT> ○ 输入标记 决定输入形式<br><SELECT> ● 选择标记 建立弹出卷动清单<br><OPTION> ○ 选项 每一个清单选项<br>图形标记<br><IMG> ○ 图形标记 用来插入图形及设定图形属性<br>链接标记<br><A> ● 链接标记 加入链接<br><BASE> ○ 基准标记 可将相对 URL 转绝对及指定链接<br>框架标记<br><FRAMESET> ● 框架设定 设定框架<br><FRAME> ○ 窗口设定 设定框架中的窗口<br><IFRAME> ○ 页内框架 于网页中插入框架 IE<br><NOFRAMES> ● 不支持框架 设定浏览器不支持框架时的提示<br>影像地图<br><MAP> ● 影像地图名称 设定影像地图名称<br><AREA> ○ 链接区域 设定各链接区域<br>多媒体<br><BGSOUND> ○ 背景声音 令背景播放音乐或声音 IE<br><EMBED> ○ 多媒体 加入声音、音乐或影像<br>其他标记<br><MARQUEE> ● 走马灯 令文字走动 IE<br><BLINK> ● 闪烁文字 令文字闪烁 NC<br><ISINDEX> ○ 页内寻找器 可输入关键字寻找该页 反对<br><META> ○ 开头说明 提供关于此页的信息给浏览器<br><LINK> ○ 关系定义 定义该文件与其他 URL 的关系<br>StyleSheet<br><STYLE> ● 式样表 控制网页版面<br><span> ● 自订标记 独立使用或与样式表一起用<br>注：<br>·● 表示该标记属于围堵标记，即需要结束标记 </标记>。<br>·○ 表示该标记属空标记，即不需要结束标记。<br>·IE 表示该标记只适应于 Internet Explorer。<br>·NC 表示该标记只适用于 Netscape Communicator。<br>·反对 表示该标记不为 W3C 所赞同，通常这标记是微软或网景自订，且已被大家支持，只是 HTML 标准中有其它功能相同或更好的选择。<br>·弃用 表示该标记已被 W3C 所抛弃，是过时的标记，但 HTML 有向下兼容性，所以浏览器仍然支持。<br>·新 表示该标记是 HTML 4.0 中新增的。<br>HTML彻底剖析(3)文件标记<br>http://www.webjx.com 更新日期：2005-05-03 17:41 出处：网页教学网 作者：<br>■ 文件标记<br><HTML>；<HEAD>；<TITLE>；<BODY><br>欲明白本篇【HTML彻底剖析】之标记分类，请看 【标记一览】。<br>也请先明白围堵标记与空标记的分别，请看 【HTML概念】。<br>■ HTML 基本架构：<br>以下 HTML Source Code 便是一份 HTML 文件的基本架构：<br><HTML><br><HEAD> <TITLE> 网页的标题
网页的内容，很多标记都作用于此
特点解说： 整份文件处于标记与之间。
用以宣告这是 HTML 文件，让浏览器认出并正确处理此 HTML 文件。
文件分两部份，由至称为开头，至称本文。
基本上两者各有适用的标记，如只可出现于开部分。<br> <br>开头部分用以存载重要信息，而只有本文部分会被显示。<br>所以大部分标记会应用于本文部分。<br> <br><TITLE>所标示的是文件的标题。<br>会出现于浏览器顶部及为别人 Bookmark 时的名称，所以每页有不同面明确的标题是需要的。<br>上述标记中只有<BODY>具参数设定。<br>■ <BODY>...</BODY><br>用法： 包含了文档的内容<br>开始／结束标识： 可选／可选<br>属性： %conreattrs,%i18n,%events<br>background="..."被反对。知名背景图像的URL<br>bgcolor="..."被反对。设置背景颜色<br>text="..."被反对。设置文本颜色<br>link="..."被反对。设置链接的颜色<br>vlink="..."被反对。设置链接被访问后的颜色<br>alink="..."被反对。设置激活链接的颜色<br>onload="..."文档装载时的内部事件触发器<br>onunload="..."文档卸载时的内部事件触发器<br>空： 不允许<br>注释： 文当中只能有一个BODY，并且它只能跟在HEAD后面。BODY元素可以被FRAMESET元素替换。反对使用那些有关视觉的属性有利于在格式表中设置那些属性的值。<br>例子：<br><BODY text="#000000" link="#0000FF" alink="#FF0000" vlink="#0000FF" background="bg1.gif" bgcolor="#FFFFFF" leftmargin=2 topmargin=2 bgproperties="fixed"> text="#000000"<br>用以设定文字颜色。 #000000 代表黑色，也可以采用颜色名称，即 text="black" 。各种颜色的值及名称可参考【调色原理】一节。<br> <br>link="#0000FF"<br>设定一般文字链接的颜色。<br> <br>alink="#FF0000"<br>设定刚按下时文字链结颜色。<br> <br>vlink="#0000FF"<br>设定被按过后的链接的颜色。<br> <br>background="bg1.gif"<br>设定背景图片。GIF 或 JPEG 皆可，可以是绝对路径或相对路径。<br> <br>bgcolor="#FFFFFF"<br>设定背景颜色，当已设定背景图片时会失去作用，除非透明部分。<br> <br>leftmargin=2<br>设定整份文件显示画面的左方边沿空间，单位为像素。 （只适用于IE）<br> <br>topmargin=2<br>设定整份文件显示画面的上方边沿空间。 （只适用于IE）<br> <br>bgproperties="fixed"<br>固定背景图片，当卷轴卷动时不会跟着卷动。 （只适用于IE）<br>标记及参数的字母大小写都可以。其他如 onload 等事件请参看有关 Java Script 的介绍。<br>■<HTML>...<HTML/><br>用法： 本元素包含了整个文档<br>开始／结束标识： 可选／可选<br>属性： %i18n<br>version="..."说明定义文档类型的URL，指明用来创建当前文档的HTML版本<br>空： 不允许<br>注释： 其中的版本信息是从<!DOCTYPE>声明中复制过来的，因此这部分不是必不可少的。<br>■ <HEAD>...</HEAD><br>用法： 用来说明这是文档的标题，并包含了向用户和搜索引擎提供信息的其他元素<br>开始／结束标识： 可选／可选<br>属性： %i18n<br>progile="..."其中的URL指明了META文件的地址<br>空： 不允许<br>注释： 每个文当中只能有一个标题。它必须位于打开的HTML标识后面和BODY前面<br>■ <TITLE>...
用法： 指明自己Web页面的名字。这个元素放在HEAD元素之中，显示在浏览器窗口的标题栏中。
开始／结束标识： 必须／必须
属性： %i18n
空： 不允许
注释： 每个文档只允许有一个标题
HTML彻底剖析(4)排版标记
http://www.webjx.com 更新日期：2005-05-03 17:47 出处：网页教学网 作者：
■ 排版标记
；
；；
■ HTML 一般概念：
这节将简单介绍 HTML。
全称：HyperText Mark-up Language
译称：超文本标记语言。
简意：一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）合文件 达到预期的效果。
HTML 是在 SGML 定义下的一个描述性的语言，或可说 HTML 是 SGML 的一个应用程式。HTML 不是程式语言，如 C++ 和 Java 之类，它只是标记语言，基本上你只要明白了各种 标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于 编辑部方面，任何文字编辑器都市可以，只要能将档案存为文本格式即可， 用专门的网页编辑工具当然更好。
■ 阅读须知：
这一篇【HTML彻底剖析】偏重于标记的介绍，考虑到易懂及每节的篇幅问题，我并不按 W3C 的 HTML 分类，这可令你更易选择有兴趣的标记，其中只有【文件标记】是必须的，其余可任意选择。这一篇不会提及任何网页编辑软件，只要你掌握了 HTML ，任何网页编辑工具都可以变成一把利器。（就好像只要你有深厚内功，树叶同样可以杀人）
■ 标记写法：
·任何标记皆由"<"及">"所围住，如
·标记名与小于号之间不能留有空白字元。
·有些标记需要加上参数，有些不要。如 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.
It's a wonderful place.
显示成：
I love Creation of Webpage.
It's a wonderful place.
其中换行标记
便属于空标记。
它的作用是将标记后的所有东西显示于下一行，可同终结标记对它是没有意义的， 但有些人为空标记加上终结标记，这是为方便阅读而已，对 HTML 没有影响。
HTML彻底剖析(2)标记一览
http://www.webjx.com 更新日期：2005-05-03 17:36 出处：网页教学网 作者：
标记 类型 名称或意义 作用 备注
文件标记
● 文件宣告 让浏览器知道这是 HTML 文件
网页的内容，很多标记都作用于此
特点解说： 整份文件处于标记与之间。
用以宣告这是 HTML 文件，让浏览器认出并正确处理此 HTML 文件。
文件分两部份，由至称为开头，至称本文。
基本上两者各有适用的标记，如
用法： 指明自己Web页面的名字。这个元素放在HEAD元素之中，显示在浏览器窗口的标题栏中。
开始／结束标识： 必须／必须
属性： %i18n
空： 不允许
注释： 每个文档只允许有一个标题
HTML彻底剖析(4)排版标记
http://www.webjx.com 更新日期：2005-05-03 17:47 出处：网页教学网 作者：
■ 排版标记
；
；
；
；
；；； ；
欲明白本篇【HTML彻底剖析】之标记分类，请看 【标记一览】。
也请先明白围堵标记与空标记的分别，请看 【HTML概念】。
■ ：▲Top
用法： 用来插入一些在浏览器中不显示的注释和解释性语言
开始／结束标识： 必须／必须
属性： 没有
空： 允许
注释： 其内容长度不用被限制在一行内，可以为任意长度。结束标识和开始标识可以不在一行上。
像很多电脑语言一样，HTML 也提供注解功能。浏览器将忽略此标记中的文字（可以是 很多行）而不作显示，一般使用目的：
为文中不同的部分加上说明，方便日后修改。
这对较复杂或非私人网页尤其重要，它不单提醒自己也提醒其他同事这部分 做什么、那部份做什么。
例子：
用作版权声明。
假如你不希望别人使用或复制你的网页，可加上警告字句。
例子：
■：▲Top
用法： 定义一个段落
开始／结束标识： 必须／可选
属性： %coreattrs,%i18n,%events
align="..."被反对。用来控制对齐方式(left, right, center, justify)
空： 不允许称为段落标记。作用：留一空白行。
本来是一个围堵标记，标于一段落的头尾，但从 HTML 2.0 开始已不需要
作结尾。的常用参数： 如：
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.Here's the next paragraph.
显示结果
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.
Here's the next paragraph.
■
：▲Top
用法： 强迫一行文本断开
开始／结束标识： 必须／必须
属性： %coreattrs,%i18n,%events
clear="..."设置在一个浮动对象之后的下一段起始位置(none, left, right, all)
空： 不允许
称为换行标记。作用：令其后的内容在下一行显示。
由于浏览器会自动忽略原代码中的空白和换行的部分，这使得
成为最常用的标记之一 。 因为无论你在原代码中编好了多漂亮的文章，若不适当地加上换行标记或段落标记， 浏览器只会将它显示成一大段。
错误示范： 原代码 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
■
：▲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" 的参数，似乎是多余了，事实上它还是常用的标记之一，其简单易用 ，常用于文字，对于已加有 align="CENTER" 参数的 标记也不要厌其烦 地加上居中标记，因为很多浏览器不支持
标记中的 align="CENTER" 参数。
例子： 原代码Chris's First Homepage What's new My profile
结果 Chris's First Homepage What's new My profile
■：▲Top
用法： 显示预先被格式化后的文本
开始／结束标识： 必须／必须
属性： %coreattrs,%i18n,%events
WIDTH="..."指定格式化后文本的宽度
空： 不允许称为预设格式标记。作用：令文字按照原代码的方式显示。
这标记允许保留你在原代码中输入的空白和回车。细看以下例子你便可体会到此标记的威力。除了运用一大堆表格标记之外你只有采用这标记才能有此效果。
能以标记产生对齐效果，或产生多于一行的空白才算上乘！
例子： 原代码Creation of Webpage Log Analysis I Composer Learning 459 407 480 522 547 586 673 HTML Advanced 200 268 296 358 385 453 506
显示结果 Creation of Webpage Log Analysis I Composer Learning 459 407 480 522 547 586 673 HTML Advanced 200 268 296 358 385 453 506
■：▲Top称为定位标记。作用：设定文字表格等摆放位置。应用在 Style Sheet（样式表）方面更显威力，它最终目的是给设计者另一种组织 能力，有 Class ; Style ; title ; ID 等属性，将于【Style Sheet】一节才作详述，这里只作一个 属性设定。
以为例：
align="center"
可选值：center ; left ; right 。决定对齐方向。的作用和居中标记一样，前者是由 HTML3.0 开始 的标准，后者是通用已久的标示法。
例子： 原代码Chris's First Homepage
What's new
My profile
显示结果 Chris's First Homepage
What's new
My profile
■：▲Top 称为不换行标记。作用：令文字不能因太长而换行 。它对住址、数学公式、一行数字等尤其有用。
例子：（其中 Chris's Creation of Webpage 将不被分开而显示于同一行。） 原代码 If you want to know how to create you own homepage quickly, don't missChris's Creation of Webpage which will help you a lot.
显示结果 If you want to know how to create you own homepage quickly, don't miss Chris's Creation of Webpage which will help you a lot.
■：▲Top 称为建议换行标记。作用：预设换行部位。
它没有侵犯到
的责任，只是作建议而已，若浏览者的显示器分辨率够高的话，那么它是不会换行的。
例子：（若不加标记，整个网址会显示下一行。） 原代码 Please visit my other homepage which locate at http://www.geocities.com/SiliconValley/ Sector/8234/index.html There are many softwares for download. I think you will really love that place.
显示结果 Please visit my other homepage which locate at http://www.geocities.com/SiliconValley/Sector/8234/index.html There are many softwares for download. I think you will really love that place.
HTML彻底剖析(5)字体标记
http://www.webjx.com 更新日期：2005-05-03 17:55 出处：网页教学网 作者：
■ 字体标记
欲明白本篇【HTML彻底剖析】之标记分类，请看 【标记一览】。
也请先明白围堵标记与空标记的分别，请看 【HTML概念】。
■ 实体标记与逻辑标记：▲Top
这一节【字体标记】你必须先明白实体标记与逻辑标记的分别，否则你会迷惑于为何不同 的标记却有相同的效果。两者分别有以下两处：
1、实体标记有固定的显示效果，逻辑标记标记则依不同浏览器而不同。
例如逻辑标记的 由于浏览器的不同它所标示的文字不一定出现斜体效果， 它可能是加底线、粗体或反白等，所以这一节是以它们在 IE 和 NC 中的效果作介绍。
2、多个实体标记也可有效标示同一字句，逻辑标记则通常于浏览器不能有效显示多 重的标示。
例如两个逻辑标记 及 同时标示一字句于旧浏览器常失去作用。
实体标记有：
逻辑标记有：
若要求真确的效果当然以实体标记为佳。
■ ：▲Top
...
用法： 使文本以粗体显示
开始／结束标识： 必须／必须
属性： %coreattrs,%i18n,%events
空： 不允许
两者皆能产生字体加粗效果，但必须注意的是当文件编码被设为汉字时，两者所标示的中文字不会在 Netscape Netvigator 显示粗体效果。
例子： （第一行是没有任何字体标记的，作参照用） HTML Source Code （原代码） 浏览器显示结果
Creation of Webpage
Creation of Webpage
Creation of Webpage Creation of Webpage
Creation of Webpage
Creation of Webpage
■ ：▲Top
...
用法： 使文本以斜体显示
开始／结束标识： 必须／必须
属性： %coreattrs,%i18n,%events
空： 不允许
这些标记在 Internet Explorer 里都会产生斜体效果，而只有 于 Netscape Netvigator 失去作用。这些标记中只有 较为特别，因为它包括换行效果所以不必在它前面加上
标记。
例子： HTML Source Code （原代码） 浏览器显示结果
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
Creation of Webpage
Creation of Webpage Creation of Webpage
■▲Top
为方便对照及记认，所以把十个标记放在一起介绍。
可令每字母有相等宽度且每个字母之间的距离稍微加宽。但于 NC 不见得如此。 是加底线的标记，一些特别的浏览器并不支持，因顾虑到与链接混淆。加上删除线的标记。 令字体加大。 令字体变细。 为下标字， 则为上标字，仅剩的数学标记。
例子： （第一行是没有任何字体标记的，作参照用） HTML Source Code （原代码） 浏览器显示结果
Creation of Webpage
Creation of Webpage
Creation of WebpageCreation of Webpage
Creation of Webpage
Creation of WebpageCreation of Webpage
Creation of Webpage
Creation of Webpage
123457 67899 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
■
：▲Top
这些标记是标题标记，由到
逐渐变小。每个标题标记所标示的字句将独占一行且上下留一空白行。
例子： 原代码Header Level 1
Header Level 2
Header Level 3
Header Level 4
Header Level 5
Header Level 6
显示结果 Header Level 1
Header Level 2
Header Level 3
Header Level 4
Header Level 5
Header Level 6
■：▲Top
...
用法： 用以改变字体大小和颜色
开始／结束标识： 必须／必须
属性： size="..."文本字体大小(从1到7，或者相近的数字)
color="..."文本字体颜色
face="..."文本字体类型
空： 不允许
注释： 使用样式表来实现这种设置会更好，提倡使用样式表
这一节只有这两个标记具参数设定，且两者的参数设定是一样的，都是负责设定文字的大小、字型及颜色，但各有用处，且看以下比较：可以用于文件开头部分，即 与 之间的位置，将影响全文字句，是一个空标记，用以改变字体显示的内定值。
是应用于文件的内文部分，即 与 之间的位置，只影响所标示的字句，是一个围堵标记。 两标记可同时存在，唯没被 所标示的字句才直接受所影响，而 本身也受 的影响。
的参数设定：
例子： Creation of Webpage
face="Arial"
设定文字的字形。Arial 是常用的一种，请不要使用 Window 附带字 体以外的字体。对于没有设定为中文代码的中文网页，Netscape Netvigator 不会显示此标记 所指明的任何中文字体。 size="+2"
设定文字的大小。其值可以是绝对或相对，
绝对的意思是标记自己决定文字的大小，不受挠跋欤?
size="5" 表示其大小便是 5， 而html内定值为 3，即 size="3"和没设定是一样的。
相对的意思是在默认值 3 基础上增大或缩小的级数，如 size="+2" 便等同绝 对表示法的 size="5"，蓝天若已设定则其实际大小便是 n+2 不 再是 3+2 了。 只有绝对表示法。 color="#008000"
设定文字的颜色。#008000 表示绿色，各类颜色值及调色法请参考【调色原理】
例子： 原代码 I love Creation of Webpage
I love Creation of Webpage
I love Creation of Webpage
显示结果 I love Creation of Webpage
I love Creation of Webpage
I love Creation of Webpage
HTML彻底剖析(6)清单标记
http://www.webjx.com 更新日期：2005-05-03 18:00 出处：网页教学网 作者：
■ 清单标记
欲明白本篇【HTML彻底剖析】之标记分类，请看 【标记一览】。
也请先明白围堵标记与空标记的分别，请看 【HTML概念】。
- :▲Top
- ...
用法： 定义一个列表中的一项内容
开始／结束标识： 必须／可选
属性： %coreattrs,%i18n,%events
type="..."(1,a,A,i,I)，或者改变无序列表的项目符号（圆盘形，方形，圆圈形）
value="..."设置当前列表中已给出的列表内容的值
空： 不允许...
用法： 创建一个有序列表
开始／结束标识： 必须／必须
属性： %coreattrs,%i18n,%events
type="..."设置数字的样式(1,a,A,i,I)
compact被反对.使列表显示紧凑
start="..."设置选项开始被选中时的整数值
空： 不允许
注释： 必须至少包含一项列表内容称为顺序清单标记。
- 则用以标示清单项目。
所谓顺序清单就是在每一项前加上 1,2,3... 等数字，又称编号清单。的参数设定（常用）：
例如：
type="i"
设定数目款式，其值有五种，请参考右表，默认为 type="1"。 start="4"
设定开始数目，不论设定了哪一数目款式，其值只能是 1,2,3.. 等整数，默认为 start="1"。
Type Numbering style
1 arabic numbers 1, 2, 3, ...
a lower alpha a, b, c, ...
A upper alpha A, B, C, ...
i lower roman i, ii, iii, ...
I upper roman I, II, III, ...- 的参数设定（常用）：
例如：- type="square"
只适用于非顺序清单，设定符号款式，其值有三种，如下，默认为 type="disc"：
符号●是当 type="disc" 时的列项符号。
符号○是当 type="circle" 时的列项符号。
符号■ 是当 type="square" 时的列项符号。 value="4"
只适用于顺序清单，设定该一项的数目，其后各项将以此作为起始数目面递增， 但前面各项则不受影响，其值只能是 1,2,3.. 等整数，没有默认值。
例子： HTML Source Code （原代码） 浏览器显示结果
My best friends:My best friends: Michelle Wei Michael Wan Gloria Lam
- Michelle Wei
- Michael Wan
- Gloria Lam
■：▲Top
用法： 创建一个无序的列表
开始／结束标识： 必须／必须
属性： %coreattrs,%i18n,%events
type="..."设置项目符号的样式（圆盘形，方形，圆圈形）
compact被反对.使列表显示紧凑
空： 不允许
注释： 必须至少包含一项列表内容称为无序清单标记。
所谓无序清单就是在每一项前面加上、
、
等符号，故称符号清单。
的参数设定（常用）：
例如：type="square"
设定符号款式，其值有三种，如下，内定值为 type="disc"：
符号●是当 type="disc" 时的列项符号。
符号○是当 type="circle" 时的列项符号。
符号■ 是当 type="square" 时的列项符号。
注意：由于及
- 都有 type 这个参数，两者尽可能选其一。
例子： HTML Source Code （原代码） 浏览器显示结果
My Homepages:My Homepages: Penpals Garden ICQ Garden Software City Creation of Webpage
- Penpals Garden
- ICQ Garden
- Software City
- Creation of Webpage
■及
代替。
是一样的，在一些特别的浏览器可能表现出
的效果，于旧版的 IE 或 NC 标记
不显示符号或数目。两标记的用法与 完全一样。
例子： HTML Source Code （原代码） 浏览器显示结果
My Homepages:My Homepages: Penpals Garden ICQ Garden Software City Creation of Webpage - Penpals Garden
- ICQ Garden
- Software City
- Creation of Webpage
■
- :▲Top
...
用法： 用来标示创建一个明确的列表
开始／结束标识： 必须／必须
属性： %coreattrs,%i18n,%events
compact被反对.使列表显示紧凑
空： 不允许
注释： 至少包含- 或
- 元素中的一个，但不用考虑顺序
- ...
用法： 用来表示使用在DL元素中使用的定义性词语(或标签)
开始／结束标识： 必须／可选
属性： %coreattrs,%i18n,%events
空： 不允许
注释： 必须在其中包含文(这些文本可以通过文本标记元素加以修改)- ...
用法： 明确描述用在DL元素(用来定义一个列表)中的内容
开始／结束标识： 必须／必须
属性： %coreattrs,%i18n,%events
空： 不允许
注释： 可以包含块以及(block-level)的内容，比如像元素
称为定义清单标记。
- 用以标记定义条目，
- 则用以标记定义内容。
所谓定义清单就是一种分两层的项目清单，其不带有符号及数目。
三个标记都没有常用参数。而- 可以独立使用，只是一些旧的浏览器不支持，如 IE 3.0。常用的如
- 标记可用以制造段落第一个字前的空白。
例子： 原代码
- How to use Definition List
- First, you should not place paragraph tag right after or before a list structure or between the items of a list. In cerntain contexts, use of extra paragraph tags should always be avoided, when you realize this concept, it is quit easy to write a HTML.
- Other things to know
- We usually put only ONE Definition tag following the Definition Term tag, more than one DD tag is not recommanded. Besides, unlike Definition List is a nonempty tag, both Definition Term and Definition Description are empty tags.
显示结果 How to use Definition List First, you should not place paragraph tag right after or before a list structure or between the items of a list. In cerntain contexts, use of extra paragraph tags should always be avoided, when you realize this concept, it is quit easy to write a HTML. Other things to know We usually put only ONE Definition tag following the Definition Term tag, more than one DD tag is not recommanded. Besides, unlike Definition List is a nonempty tag, both Definition Term and Definition Description are empty tags.
HTML彻底剖析(7)表格标记
http://www.webjx.com 更新日期：2005-05-03 18:22 出处：网页教学网 作者：
■ 表格标记
欲明白本篇【HTML彻底剖析】之标记分类，请看 【标记一览】。
也请先明白围堵标记与空标记的分别，请看 【HTML概念】。
■
：▲Top ...
用法： 创建一个表格
开始／结束标识： 必须／必须
属性： %coreattrs,%i18n,%events
align="..."被反对。控制对齐方式(left,center,right,justify)
bgcolor="..."被反对。设置背景颜色
width="..."设置表格的宽度
cols="..."设置表格中的列数
border="..."用像素为单位设置表格边框的宽度
frame="..."设置表格的可视化部分(void, above, below, hside, lhs, rhs,vsides,box, border)
rules="..."设置表格中可视化的线条(none, group, rows, cols, all)
cellspacing="..."设置单元格之间的间距
cellpading="..."设置单元格内的间距
空： 不允许...
用法： 定义表格一行的单元格
开始／结束标识： 必须／可选
属性： %coreattrs,%i18n,%events
align="..."设置水平方向上单元各种内容的对齐方式(left,center,right,justify)
char="..."设置一个字符，时的该列都向它对齐
charoff="..."取消把一行的对齐方式设置为向第一个字符对齐
valign="..."竖直方向上单元中内容的对齐方式(top,middle,bottom,baseline)
空： 不允许...
用法： 定义一个单元格的内容
开始／结束标识： 必须／可选
属性： %coreattrs,%i18n,%events
axis="..."表示缩写后的名字
axes="..."设置属于单元格的行和列的轴的名字
nowarp="..."被反对。不允许单元格中的内容折行
bgcolor="..."被反对。设置背景颜色
rowspan="..."设置一个单元格中合并的行数
colspan="..."设置一个单元格中合并的列数
align="..."设置水平方向上单元各种内容的对齐方式(left,center,right,justify)
char="..."设置一个字符，时的该列都向它对齐
charoff="..."取消把一行的对齐方式设置为向第一个字符对齐
valign="..."竖直方向上单元中内容的对齐方式(top,middle,bottom,baseline)
空： 不允许
这三个标记是定义表格的最重要的标记，可以说只学这三个已足够。是一个容器标记，意思是说它用以宣告这是表格而其它标记只能在它的范围内 才适用，属容器标记的还有其他。
用以标示表格行（row） 用以标示表格列（cell） 的参数设定（常用）：
例如：
width="400"
表格宽度，接受绝对值（如 80）及相对值（如 80%）。
border="1"
表格边框的厚度，不同浏览器有不同的内定值，故请指明。
cellspacing="2"
表格格线的厚度，请看 例子三，那是加厚到 5 的格线。
cellpadding="2"
文字与格线的距离，请看 例子四，那是加至 10 的边距。
align="CENTER"
表格的摆放位置（水平），可选值为： left, right, center，请看 例子五或六，那表格是放于中间的，为怕一些浏览器不支持，故特意加上居中标记，只是多一层保证而已，当然只用 也可。
valign="TOP".
表格内内容的对齐方式（垂直），可选值为： top, middle, bottom。
background="myweb.gif"
表格的背景图片，与 bgcolor 不要同用。
bgcolor="#0000FF"
表格的底色，与 background 不要同用，请看 例子六
bordercolor="#CF0000"
表格边框颜色，NC 与 IE 有不同的效果，请看 例子六。
bordercolorlight="#00FF00"
表格边框向光部分的颜色，请看 例子二。只适用于 IE
bordercolordark="#00FFFF"
表格边框背光部分的颜色，请看 例子二，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。只适用于 IE
cols="2"
表格栏位数目，只是让浏览器在下载表格时先画出整个表格而已。的参数设定（常用）：
例如：align="RIGHT"
该一列内内容的对齐方式（水平），可选值为： left, center, right。
valign="MIDDLE"
该一列内内容的对齐方式（垂直），可选值为： top, middle, bottom。
bgcolor="#0000FF"
该一列底色，请看 例子五。
bordercolor="#CF0000"
该一列边框颜色，请看 例子三。（只适用于 IE）
bordercolorlight="#808080"
该一列边框向光部分的颜色，请看 例子三。（只适用于 IE）
bordercolordark="#FF0000"
该一列边框背光部分的颜色，请看 例子三，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。（只适用于 IE）的参数设定（常用）：
例如：width="48%"
该一储存格宽度，接受绝对值（如 80）及相对值（如 80%）。
height="400"
该一储存格高度。
colspan="5"
该一储存格向右打通的栏数。请看 例子六
rowspan="4"
该一储存格向下打通的栏数。请看 例子六
align="RIGHT"
该一储存格内容的对齐方式（水平），可选值为： left, center, right。
valign="BOTTOM"
该一储存格内容的对齐方式（垂直），可选值为： top, middle, bottom。
bgcolor="#CF0000"
该一储存格底色，请看 例子四。
bordercolor="#808080"
该一储存格边框颜色，请看 例子三。（只适用于 IE）
bordercolorlight="#FF0000"
该一储存格边框向光部分的颜色，请看 例子三。（只适用于 IE）
bordercolordark="#00FF00"
该一储存格边框背光部分的颜色，请看 例子三，使用 bordercolorlight 或bordercolordark 时 bordercolor 将会失效。（只适用于 IE）
background="myweb.gif"
该一储存格背景图片，与 bgcolor 任用其一。
例子一： 原代码
只有一个储存格（cell）的表格
顯示結果
只有一个储存格（cell）的表格
例子二： 原代码
第一列第一栏 第一列第二栏
显示结果
第一列第一栏 第一列第二栏
例子三： 原代码
第一列第一栏 第一列第二栏 第二列第一栏 第二列第二栏
显示结果
第一列第一栏 第一列第二栏
第二列第一栏 第二列第二栏
例子四： 原代码
第一列第一栏 第一列第二栏 第二列第一栏 第二列第二栏
显示结果
第一列第一栏 第一列第二栏
第二列第一栏 第二列第二栏
例子五： 原代码
第一列第一栏 第一列第二栏 第一列第三栏 第二列第一栏 第二列第二栏 第二列第三栏
显示结果
第一列第一栏 第一列第二栏 第一列第三栏
第二列第一栏 第二列第二栏 第二列第三栏
例子六 原代码
第一列第一栏 第一列的第二、三栏 第二列及第三列 的 第一栏 第二列第二栏 第二列第三栏 第三列第二栏 第三列第三栏
显示结果
第一列第一栏 第二列及第三列 的 第一栏
第一列的第二、三栏 第二列第二栏 第三列第二栏
第二列第三栏 第三列第三栏
■：▲Top
用法： 定义表格页眉单元格的内容
开始／结束标识： 必须／可选
属性： %coreattrs,%i18n,%events
axis="..."表示缩写后的名字
axes="..."设置属于单元格的行和列的轴的名字
nowarp="..."被反对。不允许单元格中的内容折行
bgcolor="..."被反对。设置背景颜色
rowspan="..."设置一个单元格中合并的行数
colspan="..."设置一个单元格中合并的列数
align="..."设置水平方向上单元各种内容的对齐方式(left,center,right,justify)
char="..."设置一个字符，时的该列都向它对齐
charoff="..."取消把一行的对齐方式设置为向第一个字符对齐
valign="..."竖直方向上单元中内容的对齐方式(top,middle,bottom,baseline)
空： 不允许与 同样是标记一个储存格，唯一不同的是 所标记的储存格中的文字是以粗体出现，通常用于表格中的标题栏目。用它取代 的位置便可以，其参数设定请参考 。
当然你也可以在所标记的文字加上粗体标记便能达到同样效果。
例子： 原代码
Month % of IE visitor % of NC visitor August 61% 39% July 54% 46% June 52% 48%
显示结果
Month % of IE visitor % of NC visitor
August 61% 39%
July 54% 46%
June 52% 48%
■：▲Top
用法： 显示表格的标题
开始／结束标识： 必须／必须
属性： %coreattrs,%i18n,%events
align="..."被反对。控制对齐方式(left,center,right,justify)
空： 不允许
注释： 这个元素是可选的的作用是为表格标示一个标题列，如同在表格上方加一没有格线的打通列，通常用来存放表格标题。 的参数设定（常用）：
例如：align="TOP"
该表格标题列相对于表格的对齐方式（水平），可选值为： left, center, right, top, middle, bottom，若 align="bottom" 的话标题列便会出现在表格的下方，不管你 的原代码是把放在 中的头部或尾部。
valign="TOP"
该表格标题列相对于表格的对齐方式（上下），可选值为： top, bottom。和 align="TOP" 或 align="BOTTOM" 是一样的，虽然功能重复了，但如果你要标题列 置于下方及向右或向左对齐，那么两个参数便可一起用了。当只要一个参数时， 请首选 align，因为 valign 是由 HTML 3.0 才开始的参数。
例子： 原代码
网页速成 八月份访客浏览器使用分析 Month % of IE visitor % of NC visitor August 61% 39%
显示结果
网页速成 八月份访客浏览器使用分析 Month % of IE visitor % of NC visitor
August 61% 39%
HTML彻底剖析(8)图形标记
http://www.webjx.com 更新日期：2005-05-03 18:27 出处：网页教学网 作者：
■ 图形标记
欲明白本篇【HTML彻底剖析】之标记分类，请看 【标记一览】。
也请先明白围堵标记与空标记的分别，请看 【HTML概念】。
■：
用法： 在文档中包含一个图像
开始／结束标识： 必须／非法
属性： %coreattrs,%i18n,%events
src="..."图像的URL
alt="..."显示可替换的文本
align="..."被反对。控制对齐方式(left, right, center, justify)
width="..."显示出来的图像的宽度
height="..."显示出来的图像的高度
border="..."图像边界的宽度
hspace="..."把图像与其他内容分开的水平方向间距
vspace="..."把图像与其他内容分开的竖直方向间距
usemap="..."到客户端图像镜像的URL
ismap验证客户端图像镜像是否正确
空： 允许称图形标记，主要用来插入图形标记，主要用来插入图片于网页中，至于其它用处如配合影片档案等的播放 及影像地图（Image Map 或称一图多链接）则不会在此节讲述，请看【影像地图】及【其他标记】。
的一般参数设定：
例如src="logo.gif"
图片来源，接受 .gif, .jpg 及 .png 格式，前两者通行已久，后者则由 96 年开始发展， 于未来取代前两者。若图片档与该 html 档同处一目录则只需写上档案名称，否则 必须加上正确的路径，相对或绝对均可。 width=100 height=100
设定图片大小，此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实 大小，以免失真，若需要改图片大小最好使用图像编辑工具。 hspace=5 vspace=5
设定图片边沿空白，以免文字或其它图片贴近。hspace 是设定图片左右的空间， 是设定图片上下的空间，高度采用 pixels 作单位。 border=2
图片边框厚度。 align="top"
调整图片旁边文字的位置，你可以控制文字出现在图片的偏上方、中间、底部、 左右等，可选值：top, middle, bottom, left, right，内定为 botom。Netscape 还支持 texttop, baseline, absmiddle, absbottom，
texttop 表示图片和文字依顶线对齐，
baseline 表示图片对齐到目前文字行底线值，
absmiddle 表示图片对齐到目前文字行绝对中央，
absbottom 表示图片对齐到目前文字行绝对底部，（绝对底部是指它考虑到比如 y 、g、q 等字的下边）。 alt="Logo of PenPal Garden"
这是用以描述该图形的文字，若使用文字浏览器，由于不支持图片，这些文字 将会代替图片被显示。若支持图片的浏览器，当鼠标移至图片上该文字也会显示。 lowsrc="pre_logo.gif"
设定先显示低解析度的图片，若加入的是一张很大的图片，下载要很长的时间，这张低 解析度的图片会先被显示以免浏览者失去兴趣，通常是原图的黑白版本。
例子一： 原代码普通插入
显示结果普通插入
例子二： 原代码
显示结果
例子三： 原代码
显示结果
例子四： 原代码
显示结果
例子五： 原代码
显示结果
HTML彻底剖析(9)链接标记
http://www.webjx.com 更新日期：2005-05-03 18:31 出处：网页教学网 作者：
■ 链接标记
欲明白本篇【HTML彻底剖析】之标记分类，请看 【标记一览】。
也请先明白围堵标记与空标记的分别，请看 【HTML概念】。
■ ：▲Top
用法： 用来定义链接和锚(anchors)
开始／结束标识： 必须／必须
属性： %coreattrs,%i18n,%events
charset="..."表示资源的编码字符
name="..."定义一个锚
href="..."指明链接源的URL
target="..."决定链接源在什么地方显示(用户自定义的名字，_blank,_parent,_self,_top)
rel="..."发送链接的类型
rev="..."保存链接的类型
accesskey="..."指定该元素的热键
shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default，rect，circle，poly)
coord="..."使用像素或者长度百分比来定义形状的尺寸
tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)
空： 不允许
称链接标记，由 与 所围的文字、图片等等可以成为一个链接。
的一般参数设定：
例如 href="index.html"
这参数不能与另一参数 name 同时使用，使用这参数才能制作可按的链接。
当作为一外部链接时： href 所设定的是该链接所要链到的文件名称，若该文件与此 html 档不是同在一目录请加上适当的路径，相对绝对皆可。
当作为一内部链接时： href 所设定的是该链接所要连到的同文件内参考点或指定文件的参考点，且不需要包括任何内容只要加上结束标记 便可以，例如 、 及 其中 there 便是参考点，并需于其前加上符号 # 以作识别，参考点由下一个参数 name 事先于文件中埋下。
name="hello"
这参数是为文件埋下参考点，作为被链结，不会被显示。所以说制作一个风部链接需要使用两次 链接标记。一个使用参数 name 事先于文件中埋下一参考点，另一个使用参数 href 链接到这个参考点。
target="_top"
设定链接被按了之后所要显示的视窗。可选值为： _blank, _parent, _self, _top, 框架名称。
target="框架名称"
这只运用于框架网页中，若设定则链接结果将显示在"框架名称"的框窗中，框窗名称是事先由框架标记命名。 target="_blank" 或 target="new"
将链接的内容打开在新的浏览器窗口中。 target="_parent"
将链接的内容当成文件的上一个画面。 target="_self"
将链接的内容显示在当前窗口中。(默认值) target="_top"
将框架中链接的画面内容，显示在没有框架的视窗中。（即除去了框架）
例子一：（外部链接） 原代码 网页教学网
与 之间。
显示结果网页教学网
例子二（内部链接）：请到 标签的 A去体验一下何为内部链接。 原代码
本页的内部链接
跳到 PenPal Garden 的 FAQ 部分
显示结果本页的内部链接
跳到 本页标签的 A 部分
■：▲Top
用法： 文档中不能被该站点辨识的其它所有链接源的URL
开始／结束标识： 必须／非法
属性： %coreattrs,%i18n,%events
href="..."指明链接源的URL
target="..."决定链接源在什么地方显示(_blank,_parent,_self,_top)
空： 允许
注释： 这个元素应该位于文档的HEAD之内是一个链接基准标记，用以改变文件中所有链接标记的参数默认值。它只能适应于文件的开头部分，即标记 的一般参数设定：
例如href="http://www.microsoft.com/"
设定该网页中所有 HTTP 文件及图片（包括相对路径链接及图形标记 等）的默认路径，其他如 ftp:// 及 gopher:// 等则不受影响。这参数只可填入一个相对或绝对路径，不必填入档案名称。一般相对路径链接 及
图形标记等是默认以该网页所在的目录作为起点，若依这个例子，该文件中所有链接将会以 http://www.microsoft.com/ 作为起点，若其中有链接如 Back to Main Page ，那么它不会链接到自己目录的 index.html，它将会链接到 Microsoft 的首页，这是因为相对路径已给
转成绝对的了。
target="_top"
设定该网页中所有链接被按之后结果所要显示的视窗，免得分别为所有链接加上 target 参数，常应用于框架中。其设定与 链接中 target 参数相同。
例子等以后再写，你可到一些以框架制作的网页上去体检一下。
HTML彻底剖析(10)框架标记
http://www.webjx.com 更新日期：2005-05-03 18:36 出处：网页教学网 作者：
■ 框架标记
