HTML语言学习教程——HTML语言剖析（献给不懂HTML的朋友）
目录
1、HTML语言剖析之Html简介
2、HTML语言剖析之HTML标记一览
3、HTML语言剖析之文件标记
4、HTML语言剖析之排版标记
5、HTML语言剖析之字体标记
6、HTML语言剖析之清单标记
7、HTML语言剖析之表格标记 -----21
8、HTML语言剖析之表单标记 -----28
9、HTML语言剖析之图形标记
10、HTML语言剖析之链接标记
11、HTML语言剖析之多媒体标记
12、HTML语言剖析之其他标记
13、HTML语言剖析之特殊字符
14、HTML语言剖析之调色原理
1、HTML语言剖析之Html简介
全写：HyperText Mark-up Language
译名：超文件注标式语言（译名之一）
简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。
HTML 是在SGML 定义下的一个描述性语言，或可说HTML 是SGML 的一个应用程式，HTML 不是程式语言，如C++ 和Java 之类，它只是标示语言，基本上你只要明白了各种标记的用法便算学懂了HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于编辑方面，任何文字编辑器都可以，只要能将文件另存成ASCII 纯文字格式即可，当然以专业的网页编辑软件为佳。■ 阅读须知：
这一篇【HTML剖析】偏重于标记的介绍，考虑到易懂及每节的篇幅问题，我并
不按W3C 的HTML 分类，这可令你更易选择有兴趣的标记，其中只有【文件标记】是必读的，其余可任意选择。这一篇不会提及任何网页编辑软件，只要掌握了HTML ，任何网页编辑工具都可以变成一把利器。
■ 标记写法：
任何标记皆由"<"及">"所围住，如
标记名与小于号之间不能留有空白字符。
某些标记要加上参数，某些则不必。如Hello
参数只可加于起始标记中。
在起始标记之标记名前加上符号"/"便是其终结标记，如
标记字母大小写皆可。
■ 围堵标记与空标记：
标记按型态分为围堵标记与空标记
围堵标记
顾名思义，它以起始标记及终结标记将文字围住，令其达到预期显示效果。
例如HTML Source ：Creation of Webpage is my favourite.
显示成：Creation of Webpage is my favourite.
其中 便称为围堵标记。
它以起始标记及终结标记标示文字Creation of webpage ，令它显示成粗体，两者失其一都会发生错误显示。
空标记
是指标记单独出现，只有起始标记没有终结标记。
例如HTML Source：
I love Creation of Webpage.
It's a wonderful place.
显示成：
I love Creation of Webpage.
It's a wonderful place.
其中换行标记
便属空标记。
它的作用便是将标记后所有东西显示于下一行，可见终结标记于它是没意义的，但有些人会为空标记加上终结标记，这是为方便记认而己，对HTML 没有影响。
2、HTML语言剖析之HTML标记一览
标记类型译名或意义作用备注
文件标记
● 文件声明让浏览器知道这是HTML 文件
● 开头提供文件整体资讯
● 标题定义文件标题，将显示于浏览顶端</p><p><BODY> ● 本文设计文件格式及内文所在</p><p>排版标记</p><p><!--注解--> ○ 说明标记为文件加上说明，但不被显示<P> ○ 段落标记为字、画、表格等之间留一空白行</p><p><BR> ○ 换行标记令字、画、表格等显示于下一行</p><p><HR> ○ 水平线插入一条水平线</p><p><CENTER> ● 居中令字、画、表格等显示于中间反对<PRE> ● 预设格式令文件按照原始码的排列方式显示<DIV> ● 区隔标记设定字、画、表格等的摆放位置</p><p><NOBR> ● 不折行令文字不因太长而绕行</p><p><WBR> ● 建议折行预设折行部位</p><p>字体标记</p><p><STRONG> ● 加重语气产生字体加粗Bold 的效果</p><p><B> ● 粗体标记产生字体加粗的效果</p><p><EM> ● 强调标记字体出现斜体效果</p><p><I> ● 斜体标记字体出现斜体效果</p><p><TT> ● 打字字体Courier字体，字母宽度相同</p><p><U> ● 加上底线加上底线反对</p><p><H1> ● 一级标题标记变粗变大加宽，程度与级数反比<H2> ● 二级标题标记将字体变粗变大加宽</p><p><H3> ● 三级标题标记将字体变粗变大加宽</p><p><H4> ● 四级标题标记将字体变粗变大加宽</p><p><H5> ● 五级标题标记将字体变粗变大加宽</p><p><H6> ● 六级标题标记将字体变粗变大加宽</p><p><FONT> ● 字形标记设定字形、大小、颜色反对</p><p><BASEFONT> ○ 基准字形标记设定所有字形、大小、颜色反对<BIG> ● 字体加大令字体稍为加大</p><p><SMALL> ● 字体缩细令字体稍为缩细</p><p><STRIKE> ● 画线删除为字体加一删除线反对</p><p><CODE> ● 程式码字体稍为加宽如<TT></p><p><KBD> ● 键盘字字体稍为加宽，单一空白</p><p><SAMP> ● 范例字体稍为加宽如<TT></p><p><VAR> ● 变数斜体效果</p><p><CITE> ● 传记引述斜体效果</p><p><BLOCKQUOTE> ● 引述文字区块缩排字体</p><p><DFN> ● 述语定义斜体效果</p><p><AD DRESS> ● 地址标记斜体效果</p><p><SUB> ● 下标字下标字</p><p><SUP> ● 上标字指数（平方、立方等）</p><p>清单标记</p><p><OL> ● 顺序清单清单项目将以数字、字母顺序排列</p><p><UL> ● 无序清单清单项目将以圆点排列</p><p><LI> ○ 清单项目每一标记标示一项清单项目</p><p><MENU> ● 选单清单清单项目将以圆点排列，如<UL> 反对</p><p><DIR> ● 目录清单清单项目将以圆点排列，如<UL> 反对</p><p><DL> ● 定义清单清单分两层出现</p><p><DT> ○ 定义条目标示该项定义的标题</p><p><DD> ○ 定义内容标示定义内容</p><p>表格标记</p><p><TABLE> ● 表格标记设定该表格的各项参数</p><p><CAPTION> ● 表格标题做成一打通列以填入表格标题</p><p><TR> ● 表格列设定该表格的列</p><p><TD> ● 表格栏设定该表格的栏</p><p><TH> ● 表格标头相等于<TD>，但其内之字体会变粗</p><p>表单标记</p><p><FORM> ● 表单标记决定单一表单的运作模式</p><p><TEXTAREA> ● 文字区块提供文字方盒以输入较大量文字</p>
</div>
</div>
</div>
</div>
</div>
<div id="rightcol" class="viewcol">
<div class="coltitle">相关文档</div>
<ul class="lista">
</ul>
<div class="coltitle">最新文档</div>
<ul class="lista">
</ul>
</div>
</div>
<script>
var did = "014781664";
var ext = 'doc';
var docId = '0d4lgmlf2xm6a05zt97';
var totalPage = 49;
const pageNum = '49';
</script>
<div class="clearfloat"></div>
<div id="footer">
<div class="ft_info">
<a href="https://beian.miit.gov.cn">闽ICP备16038512号-3</a> <a href="/tousu.html" target="_blank">侵权投诉</a> ©2013-2023 360文档中心,www.360docs.net | <a target="_blank" href="/sitemap.html">站点地图</a><br>
本站资源均为网友上传分享，本站仅负责收集和整理，有任何问题请在对应网页下方投诉通道反馈
</div>
<script>foot()</script>
</div>
</body>
</html> 