html语言学多久,HTML语言学教程.doc

HTML语言学教程

HTML语言学习教程——HTML语言剖析(献给不懂HTML的朋友)

目 录

1、HTML语言剖析之Html简介

2、HTML语言剖析之HTML标记一览

3、HTML语言剖析之文件标记

4、HTML语言剖析之排版标记

5、HTML语言剖析之字体标记

6、HTML语言剖析之清单标记

7、HTML语言剖析之表格标记

8、HTML语言剖析之表单标记

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 文件? ?

● 开头 提供文件整体资讯? ? ● 标题 定义文件标题，将显示于浏览顶端? ? ● 本文 设计文件格式及内文所在? ?排版标记 ○ 说明标记 为文件加上说明，但不被显示? ?

○ 段落标记 为字、画、表格等之间留一空白行? ?
○ 换行标记 令字、画、表格等显示于下一行? ?

---

○ 水平线 插入一条水平线? ? ● 居中 令字、画、表格等显示于中间 反对

 ● 预设格式 令文件按照原始码的排列方式显示? ?

● 区隔标记 设定字、画、表格等的摆放位置? ? ● 不折行 令文字不因太长而绕行? ? ● 建议折行 预设折行部位? ?字体标记 ● 加重语气 产生字体加粗 Bold 的效果? ? ● 粗体标记 产生字体加粗的效果? ? ● 强调标记 字体出现斜体效果? ?