由来
在万维网(英语缩写:
WWW)上的一个超媒体文档称之为一个
页面(英语:page)。作为一个组织或个人在
万维网上放置开始点的页面称为主页(英语:Homepage),或首页,主页中通常包括有指向其他相关页面或其他节点的指针(
超级链接)。所谓超级链接,就是壹种
统一资源定位器(英语缩写:
URL)指针,通过激活(点击)它,可使
浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为
网站(Website或Site)。
超文本标记语言
网页的本质就是超级文本标记语言,通过结合使用其他的
Web技术(如:
脚本语言、
公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记
语言,是因为文本中包含了所谓“超级链接”点。
定义
超级文本标记语言(英文缩写:HTML)是
标准通用标记语言下的壹个应用
[1],也是一种规范,一种
标准,它通过标记符号来标记要显示的网页中的各个部分。网页
文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉
浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全
相
同的解释
超文本标记语言
(15张)
,因而可能会有不同的显示效果。
超文本标记语言
超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的
文件镶入,这也是万维网(
WWW)盛行的原因之一,其主要特点如下:
1 简易性,超级文本标记语言
版本升级采用
超集方式,从而更加灵活方便。
2 可扩展性,超级文本标记语言的广泛应用带来了加强功能,增加
标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
3 平台无关性。虽然
个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。
[1]
它其实是文本,它需要
浏览器的解释,它的
编辑器大体可以分为三种,
Html编辑工具
壹、基本文本、文档编辑软件,使用
WINDOWS(
视窗)自带的记事本或写字板都可以编写,当然,如果你用WPS来编写,也可以。不过存盘时请使用.htm或.html作为
扩展名,这样就方便浏览器认出直接
解释执行了。
貮、半所见即所得软件,这种软件能大大提高开发效率,它可以使你在很短的时间内做出主页,且可以学习HTML,这种类型的软件主要有国产的软件
网页作坊、
Amaya(万维网联盟)、
HOTDOG热狗。
叁、所见即所得软件,使用最广泛的编辑器,完全可以一点不懂HTML的知识就可以做出网页,这类软件主要有Amaya(万维网联盟),
DREAMWEAVER(奥多比),
FRONTPAGE2003(微软)。
[1]
超文本标记语言
超文本标记
语言(第一版)——在1993年6月作为
互联网工程工作小组(IETF)工作草案发布(并非
标准):
HTML 2.0——1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1996年1月14日,W3C推荐标准
HTML 4.0——1997年12月18日,W3C推荐标准
HTML 4.01(微小改进)——1999年12月24日,W3C推荐标准
HTML 5 的第一份正式草案已于2008年1月22日公布,仍继续完善
ISO/IEC 15445:2000(“ISO HTML”)——2000年5月15日发布,基于严格的HTML 4.01语法,是国际标准化组织和国际电工委员会的标准。
HTML没有1.0版本是因为当时有很多不同的版本。有些人认为蒂姆·伯纳斯-李的版本应该算初版,这个版本没有IMG元素。当时被称为HTML+的后续版的开发工作于1993年开始,最初是被设计成为“HTML的一个
超集”。第一个正式规范为了和当时的各种HTML标准区分开来,使用了2.0作为其版本号。HTML+的发展继续下去,但是它从未成为标准。
HTML3.0规范是由当时刚成立的W3C于1995年3月提出,提供了很多新的特性,例如表格、文字绕排和复杂数学元素的显示。虽然它是被设计用来兼容2.0版本的,但是实现这个标准的工作在当时过于复杂,在草案于1995年9月过期时,标准开发也因为缺乏
浏览器支持而中止了。3.1版从未被正式提出,而下一个被提出的版本是开发代号为Wilbur的HTML 3.2,去掉了大部分3.0中的新特性,但是加入了很多特定浏览器,例如
Netscape和Mosaic的元素和属性。HTML对数学公式的支持最后成为另外一个标准MathML。
HTML 4.0同样也加入了很多特定浏览器的元素和
属性,但是同时也开始“清理”这个标准,把一些元素和属性标记为过时的,建议不再使用它们。HTML的未来和
CSS结合会更好。
HTML 5草案的前身名为Web Applications 1.0。于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的HTML工作团队。在2008年1月22日,第一份正式草案发布。WHATWG
表示该规范是目前正在进行的工作,仍须多年的努力。
[2]
可扩展超文本标记语言
XHTML 1.0——发布于2000年1月26日,是W3C推荐
标准,后来经过修订于2002年8月1日重新发布。
XHTML 1.1,于2001年5月31日发布,W3C推荐标准。
XHTML 2.0,W3C工作草案。
XHTML 5,从XHTML 1.x的更新版,基于HTML 5草案。
[3]
一个网页对应于一个
HTML文件,
超文本标记语言文件以.htm(磁盘操作系统
DOS限制的英语缩写为
扩展名)或.html(英语缩写为扩展名)。可以使用任何能够生成TXT类型
源文件的文本编辑来产生
超文本标记语言文件。
超文本标记语言
标准的
超文本标记语言
文件都具有一个基本的整体结构,即
超文本标记语言文件的开头与结尾标志和
超文本标记语言的头部与实体貮大部分。有叁个双标记符用于
页面整体结构的确认。
标记符<HTML>;说明该文件是用
超文本标记语言(本标签的中文全称)来
描述的。它是文件的开头,而</HTML>;则表示该文件的结尾,它们是
超文本标记语言文件的始标记和尾标记。
HTML代码
[2]
文件头部内容
<head></head>;这2个标记符分别
表示
头 部信息的开始和结尾。头部中包含的标记是
页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果。头部中最常用的标记符是标题标记符和
meta标记符,其中标题标记符用于定义网页的标题,它的内容显示
关于HTML
(4张)
在网页窗口的
标题栏中,网页标题可被
浏览器用作书签和收藏清单。
设置文档标题和其它在网页中不显示的信息,比如
dir
ection方向、语言代码
Lang
uage Code(实体定义!ENTITY % i18n
[4])、指定字典中的元信息
[4]、等等。
[1]
文件主体内容
<body></body>;,网页中显示的实际内容均包含在这2个
正文标记符之间。
超文本标记语言
正文标记符又称为实体标记
[1]。
超文本标记语言相关书籍
(10张)
在网页中除了可显示常见的
ASCⅡ字符和
汉字外,HTML还有许多特殊字符,它们一起构成了HTML
字符集。有2种情况需要使用特殊字符,一是网页中有其特殊意义的字符,二是键盘上没有的字符。
字符集
HTML字符可以用一些代码来
表示,代码可以有2种表示方式。即字符代码(命名实体)和数字代码(编号实体)。字符代码以&;符开始,以分号结束,其间是字符名;数字代码也以&;符开始,以分号结束,其间是#号加编号。
[1]
在编辑超文本标记语言
文件和使用有关标记符时有一些约定或
默认的要求。
HTML
⑴ 文本标记
语言源程序的文件扩展名默认使用htm(磁盘操作系统
DOS限制的英语缩写为
扩展名)或html(英语缩写为扩展名),以便于
操作系统或
程序辨认,除
自定义的汉字扩展名。在使用
文本编辑器时,注意修改扩展名。而常用的图像文件的扩展名为
gif和
jpg。
⑵ 超文本标记语言源程序为文本文件,其列宽可不受限制,即多个标记可写成一行,甚至整个文件可写成一行;若写成多行,
浏览器一般忽略文件中的回车符(标记指定除外);对文件中的空格通常也不按源程序中的效果显示。完整的空格可使用特殊符号(实体符)“ (注意此字母必须小写,方可空格)”
表示非换行空格;表示文件路径时使用符号“/”分隔,文件名及路径
描述可用双引号也可不用引号括起。
HTML
⑶ 标记符中的标记元素用尖括号括起来,带斜杠的元素表示该标记说明结束;大多数标记符必须成对使用,以表示作用的起始和结束;标记元素忽略大小写,即其作用相同,但完整的空格可使用特殊符号“ (注意此字母必须小写,方可空格)”;许多标记元素具有属性说明,可用参数对元素作进一步的限定,多个
参数或
属性项说明次序不限,其间用
空格分隔即可;一个标记元素的内容可以写成多行。
⑷ 标记符号,包括尖括号、标记元素、属性项等必须使用
半角的西文字符,而不能使用
全角字符。
⑸
HTML注释由惊叹号表示,注释内容由符号
结束。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号,即被标识为注释,不予显示。
[2]
字符 |
实体(英语缩写) |
中文全称 |
> |
> |
大于(greater than) |
< |
< |
小于(less than) |
& |
& |
和、与(ampersand) |
" |
" |
引用(quote) |
[1]
数据类型
超文本标记语言定义了多种数据类型的元素内容,如脚本数据和样式表的数据,和众多类型的属性值,包括
ID、名称、
URI、
数字、长度单位、
语言、媒体描述符、
颜色、字符编码、
日期和时间等。所有这些数据类型都是专业的字符数据。
html示例
文件类型描述
为了说明文档使用的超文本标记语言标准,所有超文本标记语言文档应该以“
文件类型声明”(<
!DOCTYPE>
[5])开头,引用一个文件类型描述或者必要情况下自定义壹个文件类型描述。举例来说:
公共标识符 |
系统标识符 |
说明 |
-//W3C//DTD HTML 4.0//ZH |
[6]
|
超文本标记语言(版本:肆点零)、万维网联盟。 |
-//W3C//DTD HTML 4.01//ZH |
[7]
|
超文本标记语言(版本:肆点零壹)、万维网联盟。 |
[8]
HTML 5由于没定义壹个文档类型定义(英语缩写:
DTD),只包含根元素
[5]的它所以如此简单。
<!DOCTYPE
HTML>
这个声明说明文档服从超文本标记语言 4.01的
严格文件类型描述,这个标准是严格结构化的,使用层叠样式表(英语缩写:
CSS)来做格式化。有时是否存在一个合适的文件类型描述会影响一个浏览器显示网页的方式。
<!DOCTYPE HTML
PUBLIC "-//W3C//DTD HTML 4.01 严格//ZH"
"http://www.w3. org/TR/html4/strict.dtd">
除了超文本标记语言 4.01的严格文件类型描述之外,超文本标记语言 4.01也提供“
过渡”和“
框架集”文件类型描述。
过渡文件类型描述是向严格的文件类型描述过渡的缓冲。
<!DOCTYPE HTML
PUBLIC "-//W3C//DTD HTML 4.01 过渡//ZH"
"
[4]">
框架集文件类型描述则针对包含
框架元素的网页。
<!DOCTYPE HTML
PUBLIC "-//W3C//DTD HTML 4.01框架//ZH"
"http://www.w3. org/TR/html4/frameset.dtd">
常用标签元素
<html></html> 创建一个
超文本标记语言文档。
<head></head> (
头[4])设置文档标题和其它在网页中不显示的信息,比如
dir
ection方向、语言代码
Lang
uage Code(见实体定义!ENTITY % i18n
[4])、指定字典中的元信息
[4]、等等。
<BASE> 文档中不能被该站点辨识的其它所有链接源的
URL(统一资源定位器)
<LINK> 定义一个
链接和源之间的相互关系,比如
[4]引用壹个层叠样式表(英文缩写:
css)、做壹个链接到壹个脚本、为某文件做壹个链接(可打印的版本)、文档特定的工具栏/菜单。
[2]
<script></script>
脚本语句标签,比如引用壹个爪哇脚本(
javascript)。
[4]
<body></body>文档
体,文档的可见部分。
<title></title> 设置文档的
标题[4]。
当然,如果不使用以上基本框架结构,而直接使用在实体部分中出现的标记符,在
浏览器下也可以
解释执行。
页面实体内容描述
<h1></h1> 最大的标题(
壹
号标题
[4])
<pre></pre> 预先格式化文本 (英文全称:
P
reformatted[4])
<u></u> 下划线(英文全称:
U
nderline)
<b></b> 黑体字 (英文全称:
B
old)
<i></i> 斜体字 (英文全称:
I
talics)
<tt></tt>
打字机风格的
字体
<cite></cite>
引用,通常是斜体
<em></em> 强调文本(通常是斜体加黑体、英文全称:
em
phasize)
<strong></strong> 加
重文本(通常是斜体加黑体)
<font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或
RGB(中文全称:红绿蓝)的十六进制值
<BASEFONT></BASEFONT>
基准字体标记
<big></big> 字体加
大
<SMALL></SMALL> 字体缩
小
<STRIKE></STRIKE> 加删除线
<CODE></CODE>
程式码
<KBD></KBD>
键盘字(英文全称:
K
ey
B
oar
D)
<SAMP></SAMP> 范例(英文全称:
SAMP
le)
<VAR></VAR> 变量(英文全称:
VAR
iable)
<BLOCKQUOTE></BLOCKQUOTE> 向右缩排(向右缩进、块引用)
<DFN></DFN> 述语
定义 (英文全称:
D
e
F
i
N
e)
<ADDRESS></ADDRESS>
地址标记
<sup></SUP> 上标字 (英文全称:
SUP
erscript)
<SUB></SUB> 下标字(英文全称:
SUB
script[4])
<xmp>...</xmp>;固定宽度字体(在
文件中空白、换行、定位功能有效)
<plaintext>...</plaintext>;固定宽度字体(不执行标记符号)
<listing>...</listing> 固定宽度小字体
<font color=00ff00>...</font>;字体 颜色
<font size=1>...</font>;字体 大小等于壹(最小)。
<font style ='font-size:100 px'>...</font>;字体 样式等于无限增大(100像素)
格式标志标签
<p></p> 创建一个段落 (英文全称:
P
aragraphs)
<p align=""> 将段落按左、中、右对齐
<br/>定义新行
<blockquote></blockquote> 从两边缩进文本
<dl></dl> 定义列表(英文全称:
D
efinition
L
ist)
<dt> 放在每个定义术语词前(定义术语、英文全称:
D
efinition
T
erm)
<dd> 放在每个定义之前(定义说明、英文全称:
D
efinition
D
escription)
<ol></ol> 创建一个标有数字的列表 (有序列表、英语全称:
O
rdered
L
ist)
<ul></ul> 创建一个标有圆点的列表(无序列表、英语全称:
U
nordered
L
ists[4])
<li> 放在每个列表项之前,若在<ol></ol>;之间则每个列表项加上一个数字,
若在<ul></ul>;之间则每个列表项加上一个圆点
<div align=""></div> 用来排版大块HTML段落,也用于格式化表
<MENU> 选项清单
<DIR> 目录清单
<nobr></nobr> 强行不换行(英文全称:
nobr
eaking)
<hr size='9' width='80%' color='ff0000'>;水平线(设定宽度、英语全称:
h
orizontal
r
ule[4])
<center></center> 水平居
中
链接标志表格标志
<a
href="壹个统壹资源定位器">
</a>:创建超文本链接。
<a
name="书签貮">
</a>:创建位于文档内部的书签。
<a
href="#书签貮">
</a>:创建指向位于文档内部书签的链接。
正文标记的使用
每种HTML标记符在使用中可带有不同的属性项,用于
描述该标记符说明的内容显示不同的效果。
正文标记符中提供以下属性来改变文本的颜色及
页面背景。
BGCOLOR(英语全称:
Back
ground
Color
[4])用于定义网页的
背景色,
BACKGROUND用于定义网页
背景图案的图像
文件
TEXT 用于定义正文字符的颜色,
默认为黑色
LINK用于定义网页中
超级链接字符的颜色,默认为蓝色
VLINK(英语全称:V
isited LINK
[4])用于定义网页中
已被
访问过的超接
链接字符的颜色,默认为紫红色
ALINK(中文全称:活动链接)用于定义被鼠标选中,但未使用时
超链字符的颜色,默认为红色
例如:标记将定义
页面的背景色为黑色,正文
字体显示为白色。
以上属性使用中,需要对颜色进行说明,在HTML中对颜色可使用2种方法说明颜色属性值,即颜色名称(英文名)和颜色值。其中颜色值用6个
十六进制数来分别描述红、绿、蓝三原色的配方法——称为RGB值,每2个十六进制数
表示一种颜色。使用颜色值时,应在值前冠以“#”号。
使用图案代替背景颜色,可以使页面更生动、美观。
可将图像文件“图像.gif”所表示的一幅图像作为页面的背景,若图像幅面不够大,将会将图像重复平铺在窗口中。
[1]
注释
<!--这是壹条注释,且不会呈现在渲染器或者网络浏览器之上。-->
和
XHTML之间的差异:
xmlns 属性在 XHTML 中是必需的,但在 HTML 中不是。不过,即使 XHTML 文档中的 <html> 没有使用此属性,W3C 的验证器也不会报错。这是因为 "xmlns=百度" 是一个固定值,即使您没有包含它,此值也会被添加到 <html> 标签中。
标准通用标记语言实体
AAP DTD
文档类型定义(
DTD)
!doctype(!文档类型)
标准通用标记语言