HTML语言剖析（献给不懂HTML的朋友）
时间：2016-07-25 14:10:02
作者：采集侠
来源：网络整理
HTML语言学习教程——HTML语言剖析（献给不懂HTML的朋友） ,Discuz! 官方站
<P>称为段落标记。作用：为字、画、表格等之间留一空白行。
<TEXTAREA> 的参数设定（常用）：
例子： （"Hidden" 是不被显示的，所以这处多放了一个 "Submit" 键，表示 Hidden 之内定 值会随 submit 键被按而传给 CGI） 原始码 <form action="" method="POST">
name="submit"
显示结果 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.
<HR align="LEFT" size="2" width="70%" color="#0000FF" noshade>
实体标记有固定的显示效果，逻辑标记则依不同浏览器而不同。
--------------------------------------------------------------------------------
</form>
输入方式为一般按键。常配合 Java Script 作为其启动按键。
金币 枚 微币 枚
August 61% 39% <HR>称为水平线。作用：插入一条水平线。
Mamaroneck NY 10543-9982
金币 枚 微币 枚
<br>12345<SUB>7</SUB> 6789<SUP>9</SUP> Creation of Webpage
金币 枚 微币 枚
<br><SAMP>Creation of Webpage</SAMP>
该一储存格向右打通的栏数。请看例子六
楼主| 发表于 2005-10-24 20:08:10 | 只看该作者
<select name="where" size="5">
逻辑标记有：
此一单行文字盒可输入字元的上限，为方便编排资料或避免错输入等，宜设定上 限，例如输入电话或 ICQ UIN 的可设为 8，年龄为 2 等。
<li>Gloria Lam
像很多电脑语言一样，HTML 文件亦提供注解功能。浏览器会忽略此标记中的文字（可以 是很多行）而不作显示，一般使用目的：
--------------------------------------------------------------------------------
bgcolor="#0000FF"
<dd>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.
</table>
<LINK> ○ 关系定义 定义该文件与其他 URL 的关系
</table>
<H3> ● 三级标题标记 将字体变粗变大加宽
<tr align="CENTER">
弃用 表示该标记己为 W3C 所弃用，是过时的标记，但 HTML 具向下兼容的特 性，不用担心新浏览器不支援旧标记。
It will create a new paragraph only when I begin the tag with another one.
这一篇【HTML剖析】偏重于标记的介绍，考虑到易懂及每节的篇幅问题，我并不按 W3C 的 HTML 分类，这可令你更易选择有兴趣的标记，其中只有【文件标记】是必读的，其 余可任意选择。这一篇不会提及任何网页编辑软件，只要掌握了 HTML ，任何网页 编辑工具都可以变成一把利器。
例子三：（设定了 Size 的卷动选单） 原始码 <form action="" method="POST"> Where you com from?
5、HTML语言剖析之字体标记
<UL>称为无序清单标记。
name="comments"
例如： <UL type="square">
<tr>
这卷动选单的列数，即其高度，请自行修改。若使用此参数则不会有 Pop Up 效 果。
width="48%"
输入方式为 Checkbox，能产生一确认盒，以供剔选。
显示结果
例子三： 原始码 <table width="60%" border="0" cellspacing="5">
所以大部分标记会运用于本文部分。
<option value="us">United States</option>
</center>
<BR>称为换行标记。作用：令字、画、表格等显示于下一行。
显示结果 I love Creation of Webpage
HTML 是在 SGML 定义下的一个描述性语言，或可说 HTML 是 SGML 的一个应用程式，HTML 不是程式语言，如 C++ 和 Java 之类，它只是标示语言，基本上你只要明白了各种 标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于 编辑方面，任何文字编辑器都可以，只要能将文件另存成 ASCII 纯文字格式即可，当然 以专业的网页编辑软件为佳。
--------------------------------------------------------------------------------
</tr>
<OL>称为顺序清单标记。<LI>则用以标示清单项目。
<BASEFONT> 可以用于文件的开头部分，即 <HEAD> 与 </HEAD> 之间的位置，将 影响全文字句，是一个空标记，用以改变字体显示的内定值。
<table width="60%" cellspacing="0" cellpadding="2" align="CENTER">
<TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB>
第一列第一栏 第一列第二栏 第一列第三栏
例子： 原始码 <center>
多个实体标记亦可有效标示同一字句，逻辑标记则通常于旧浏览器不能有效显示多 重的标示。
<MAP> ● 影像地图名称 设定影像地图名称
<TABLE> <TR> <TD>
这文件传输的名称，用以识别之用。
<DIV>应用于 Style Sheet（式样表）方面会更显威力，它最终目的是给设计者另一种组织 能力，有 Class ; Style ; title ; ID 等属性，将会于【Style Sheet】一节才作详述，这处只介绍 一个属性设定。
■ 标记写法：
<BR>Mamaroneck NY 10543-9982
显示结果 Where you com from?
<table width="350" border="1" cellspacing="0" cellpadding="2" align="CENTER">
设定文字的字形。Arial 是常用的一种，请不要使用 Window 内建字 形以外的字形。于没有设定为 Gb2312 Encoding 的中文网页，Netscape Netvigator 不会显示此标记 所指明的任何中文字形。
Creation of Webpage
<br><B>Creation of Webpage</B> Creation of Webpage
<PRE>称为预设格式标记。作用：令文件按照原始码的排列方式显示。
该一储存格宽度，接受绝对值（如 80）及相对值（如 80%）。
--------------------------------------------------------------------------------
<textarea name="comments" cols="40" rows="4" wrap="VIRTUAL">
<tr bgcolor="#C0C0C0">
■ <TABLE> <TR> <TD> ： ▲Top
--------------------------------------------------------------------------------
<SELECT>是卷动选单标记，每一选项皆由 <OPTION> 所标示，把它当作围堵标记或空标 记使用都可以。
width="400"
■ <SELECT> <OPTION> ：
输入方式九： Button
<td rowspan="2">第二列及第三列 之 第一栏</td>
<TEXTAREA> 的参数设定（常用）：
例子： （"Hidden" 是不被显示的，所以这处多放了一个 "Submit" 键，表示 Hidden 之内定 值会随 submit 键被按而传给 CGI） 原始码 <form action="" method="POST">
name="submit"
显示结果 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.
<HR align="LEFT" size="2" width="70%" color="#0000FF" noshade>
实体标记有固定的显示效果，逻辑标记则依不同浏览器而不同。
--------------------------------------------------------------------------------
</form>
输入方式为一般按键。常配合 Java Script 作为其启动按键。
金币 枚 微币 枚
头像被屏蔽
11、HTML语言剖析之多媒体标记August 61% 39% <HR>称为水平线。作用：插入一条水平线。
Mamaroneck NY 10543-9982
金币 枚 微币 枚
</tr>
<br>12345<SUB>7</SUB> 6789<SUP>9</SUP> Creation of Webpage
金币 枚 微币 枚
<br><SAMP>Creation of Webpage</SAMP>
该一储存格向右打通的栏数。请看例子六
楼主| 发表于 2005-10-24 20:08:10 | 只看该作者
<select name="where" size="5">
逻辑标记有：
此一单行文字盒可输入字元的上限，为方便编排资料或避免错输入等，宜设定上 限，例如输入电话或 ICQ UIN 的可设为 8，年龄为 2 等。
<li>Gloria Lam
像很多电脑语言一样，HTML 文件亦提供注解功能。浏览器会忽略此标记中的文字（可以 是很多行）而不作显示，一般使用目的：
--------------------------------------------------------------------------------
bgcolor="#0000FF"
<dd>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.
</table>
<LINK> ○ 关系定义 定义该文件与其他 URL 的关系
</table>
<H3> ● 三级标题标记 将字体变粗变大加宽
<tr align="CENTER">
弃用 表示该标记己为 W3C 所弃用，是过时的标记，但 HTML 具向下兼容的特 性，不用担心新浏览器不支援旧标记。
It will create a new paragraph only when I begin the tag with another one.
</table>
这一篇【HTML剖析】偏重于标记的介绍，考虑到易懂及每节的篇幅问题，我并不按 W3C 的 HTML 分类，这可令你更易选择有兴趣的标记，其中只有【文件标记】是必读的，其 余可任意选择。这一篇不会提及任何网页编辑软件，只要掌握了 HTML ，任何网页 编辑工具都可以变成一把利器。
例子三：（设定了 Size 的卷动选单） 原始码 <form action="" method="POST"> Where you com from?
5、HTML语言剖析之字体标记
<UL>称为无序清单标记。
name="comments"
例如： <UL type="square">
<tr>
这卷动选单的列数，即其高度，请自行修改。若使用此参数则不会有 Pop Up 效 果。
width="48%"
输入方式为 Checkbox，能产生一确认盒，以供剔选。
显示结果
例子三： 原始码 <table width="60%" border="0" cellspacing="5">
所以大部分标记会运用于本文部分。
<option value="us">United States</option>
</center>
<BR>称为换行标记。作用：令字、画、表格等显示于下一行。
显示结果 I love Creation of Webpage
HTML 是在 SGML 定义下的一个描述性语言，或可说 HTML 是 SGML 的一个应用程式，HTML 不是程式语言，如 C++ 和 Java 之类，它只是标示语言，基本上你只要明白了各种 标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于 编辑方面，任何文字编辑器都可以，只要能将文件另存成 ASCII 纯文字格式即可，当然 以专业的网页编辑软件为佳。
--------------------------------------------------------------------------------
</tr>
<OL>称为顺序清单标记。<LI>则用以标示清单项目。
<BASEFONT> 可以用于文件的开头部分，即 <HEAD> 与 </HEAD> 之间的位置，将 影响全文字句，是一个空标记，用以改变字体显示的内定值。
<table width="60%" cellspacing="0" cellpadding="2" align="CENTER">
<TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB>
第一列第一栏 第一列第二栏 第一列第三栏
例子： 原始码 <center>
多个实体标记亦可有效标示同一字句，逻辑标记则通常于旧浏览器不能有效显示多 重的标示。
<MAP> ● 影像地图名称 设定影像地图名称
<TABLE> <TR> <TD>
分享到:
这文件传输的名称，用以识别之用。
<DIV>应用于 Style Sheet（式样表）方面会更显威力，它最终目的是给设计者另一种组织 能力，有 Class ; Style ; title ; ID 等属性，将会于【Style Sheet】一节才作详述，这处只介绍 一个属性设定。
■ 标记写法：
<BR>Mamaroneck NY 10543-9982
显示结果 Where you com from?
<table width="350" border="1" cellspacing="0" cellpadding="2" align="CENTER">
设定文字的字形。Arial 是常用的一种，请不要使用 Window 内建字 形以外的字形。于没有设定为 Gb2312 Encoding 的中文网页，Netscape Netvigator 不会显示此标记 所指明的任何中文字形。
Creation of Webpage
<br><B>Creation of Webpage</B> Creation of Webpage
<PRE>称为预设格式标记。作用：令文件按照原始码的排列方式显示。
该一储存格宽度，接受绝对值（如 80）及相对值（如 80%）。
--------------------------------------------------------------------------------
<textarea name="comments" cols="40" rows="4" wrap="VIRTUAL">
<tr bgcolor="#C0C0C0">
■ <TABLE> <TR> <TD> ： ▲Top
--------------------------------------------------------------------------------
<SELECT>是卷动选单标记，每一选项皆由 <OPTION> 所标示，把它当作围堵标记或空标 记使用都可以。
width="400"
■ <SELECT> <OPTION> ：
fhg007
9#
■ <NOBR> ： ▲Top
输入方式八： Hidden
特点解说：
ICQ Garden
符号 是当 type="square" 时的列项符号。
例子：
action=""
楼主|
发表于 2005-10-24 20:07:52
|
只看该作者
输入方式九： Button
<td rowspan="2">第二列及第三列 之 第一栏</td>
