一、概念
1、定义
超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。
简而言之:一种为普通文件中某些字句加上标示的语言,其目的在于运用标记(tag)使文件达到预期的显示效果。
解释:HTML 是在 SGML 定义下的一个描述性语言,或可说 HTML 是 SGML 的一个应用程式,HTML 不是程式语言,如 C++ 和 Java 之类,它只是标示语言,基本上你只要明白了各种 标记的用法便算学懂了 HTML,HTML的格式非常简单,只是由文字及标记组合而成,于 编辑方面,任何文字编辑器都可以,只要能将文件另存成 ASCII 纯文字格式即可,当然 以专业的网页编辑软件为佳。
二、特点及工作原理
1、原理
网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。
浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。
需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。
2、特点
HTML文档制作不是很复杂,且功能强大,支持不同数据格式的文件镶入,这也是WWW盛行的原因之一,其主要特点如下:
(1) 简易性,HTML版本升级采用超集方式,从而更加灵活方便。
(2) 可扩展性,HTML语言的广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。
(3) 平台无关性。虽然PC机大行其道,但使用MAC等其他机器的大有人在,HTML可以使用在广泛的平台上,这也是WWW盛行的另一个原因。
三、格式规范
一个简单的 HTML 文件
页面的标题
这是我的第一个页面。
此文本是粗体的。
简单的段落
这是段落。
段落元素由 p 标签定义。
标题
This is a heading
HTML 会自动在标题前后添加一个额外的折行。
段落
段落使用
标签进行定义。
This is a paragraph
HTML 会自动在段落前后添加一个额外的空行。
换行符
当你打算结束一行,而又不想开始一个新段落时,
标签就派上用场了。无论你将它置于何处,
标签都会产生一个强制的换行。
This
is a para
graph with line breaks
标签是空白标签,由于关闭标签没有任何意义,因此它没有类似 的终止标签。
还是
您会越来越多地发现
与
很相似。由于
没有结束标签,它也就违反了未来的 HTML 的规则之一,即所有的元素都必须关闭。
把这个标签写为
是经得起未来考验的做法,XHTML 和 XML 都接受在打开的标签内部来关闭标签的做法。
注释
注释标签用于在 HTML 源码中插入注释。注释会被浏览器忽略。您可以使用注释对您的代码进行解释,这么做在以后的日子里会对您的代码编辑产生帮助。
注意:左括号后需要写一个惊叹号,右括号前就不需要了。
元素
每个 HTML 元素都有一个元素名(比如 body、h1、p、br)
开始标签是被括号包围的元素名
结束标签是被括号包围的斜杠和元素名
元素内容位于开始标签和结束标签之间
某些 HTML 元素没有内容
某些 HTML 元素没有结束标签
总结如下图
四、扩展
HTML的功能远不止这些,下边我们列出一些其他的标记。至于其他的功能在以后的学习过程中再慢慢研究。
标记
类型
译名或意义
作 用
备注
●
文件声明
让浏览器知道这是 HTML 文件
●
开头
提供文件整体资讯
●
标题
定义文件标题,将显示于浏览顶端
●
本文
设计文件格式及内文所在
○
说明标记
为文件加上说明,但不被显示
○
段落标记
为字、画、表格等之间留一空白行
○
换行标记
令字、画、表格等显示于下一行
○
水平线
插入一条水平线
●
居中
令字、画、表格等显示于中间
反对
●
预设格式
令文件按照原始码的排列方式显示
●
区隔标记
设定字、画、表格等的摆放位置
●
不折行
令文字不因太长而绕行
●
建议折行
预设折行部位
●
加重语气
产生字体加粗 Bold 的效果
●
粗体标记
产生字体加粗的效果
●
强调标记
字体出现斜体效果
●
斜体标记
字体出现斜体效果
●
打字字体
Courier字体,字母宽度相同
●
加上底线
加上底线
反对
●
一级标题标记
变粗变大加宽,程度与级数反比
●
二级标题标记
将字体变粗变大加宽
●
三级标题标记
将字体变粗变大加宽
●
四级标题标记
将字体变粗变大加宽
●
五级标题标记
将字体变粗变大加宽
●
六级标题标记
将字体变粗变大加宽
●
字形标记
设定字形、大小、颜色
反对
○
基准字形标记
设定所有字形、大小、颜色
反对
●
字体加大
令字体稍为加大
●
字体缩细
令字体稍为缩细
●
画线删除
为字体加一删除线
反对
●
程式码
字体稍为加宽如
●
键盘字
字体稍为加宽,单一空白
●
范例
字体稍为加宽如
●
变数
斜体效果
●
传记引述
斜体效果
●
引述文字区块
缩排字体
●
述语定义
斜体效果
●
地址标记
斜体效果
●
下标字
下标字
●
上标字
指数(平方、立方等)
●
顺序清单
清单项目将以数字、字母顺序排列
●
无序清单
清单项目将以圆点排列
○
清单项目
每一标记标示一项清单项目
●
选单清单
清单项目将以圆点排列,如
反对
●
目录清单
清单项目将以圆点排列,如
反对
●
定义清单
清单分两层出现
○
定义条目
标示该项定义的标题
○
定义内容
标示定义内容
●
表格标记
设定该表格的各项参数
●
表格标题
做成一打通列以填入表格标题
●
表格列
设定该表格的列
●
表格栏
设定该表格的栏
●
表格标头
相等于
,但其内之字体会变粗
●
表单标记
决定单一表单的运作模式
●
文字区块
提供文字方盒以输入较大量文字
○
输入标记
决定输入形式
●
选择标记
建立 pop-up 卷动清单
○
选项
每一标记标示一个选项
○
图形标记
用以插入图形及设定图形属性
●
连结标记
加入连结
○
基准标记
可将相对 URL 转绝对及指定连结目标
●
框架设定
设定框架
○
框窗设定
设定框窗
○
页内框架
于网页中间插入框架
IE
●
不支援框架
设定当浏览器不支援框架时的提示
●
影像地图名称
设定影像地图名称
○
连结区域
设定各连结区域
○
背景声音
于背景播放声音或音乐
IE
○
多媒体
加入声音、音乐或影像
●
走动文字
令文字左右走动
IE
●
闪烁文字
闪烁文字
NC
○
页内寻找器
可输入关键字寻找于该一页
反对
○
开头定义
让浏览器知道这是 HTML 文件
○
关系定义
定义该文件与其他 URL 的关系
StyleSheet
●
样式表
控制网页版面
●
自订标记
独立使用或与样式表同用
注:
●表示该标记属围堵标记,即需要关闭标记如标记>。
○表示该标记属空标记,即不需要关闭标记。
IE表示该标记只适用于 Internet Explorer。
NC表示该标记只适用于 Netscape Communicator。
反对表示该标记不为 W3C 所赞同,通常这标记是 IE 或 NC 自订,且己为众所支 持,只是 HTML 标准中有其它同功能或更好的选择。
弃用表示该标记己为 W3C 所弃用,是过时的标记,但 HTML 具向下兼容的特 性,不用担心新浏览器不支援旧标记。
新表示该标记是 HTML 4.0 中新增的。