HTML--百度百科

时间 2019-12-01 标签 html 百度百科

超文本标记语言，标准通用标记语言下的一个应用。

“ 超文本 ”就是指页面内能够包含图片、连接，甚至音乐、程序等非文字元素。

超文本标记语言的结构包括 “头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

中文名: 超级文本标记语言
外文名: HyperText Markup Language
类型: 标记语言

阅读方式: 网页浏览器
中文缩写: 超文本标记语言
外语缩写: HTML或HTM（都做文件扩展名）

详细介绍

由来

超文本标记语言 (2张)

万维网上的一个超媒体文档称之为一个页面（外语：page）。做为一个组织或者我的在万维网上放置开始点的页面称为主页（外语：Homepage）或首页，主页中一般包括有指向其余相关页面或其余节点的指针（超级连接），所谓超级连接，就是一种统一资源定位器（Uniform Resource Locator，外语缩写： URL）指针，经过激活（点击）它，可以使浏览器方便地获取新的网页。这也是HTML得到普遍应用的最重要的缘由之一。在逻辑上将视为一个总体的一系列页面的有机集合称为网站（ Website或Site）。超级文本标记语言（英文缩写：HTML）是为“ 网页建立和其它可在网页浏览器中看到的信息”设计的一种标记语言。

网页的本质就是超级文本标记语言，经过结合使用其余的 Web技术（如：脚本语言、公共网关接口、组件等），能够创造出功能强大的网页。于是，超级文本标记语言是万维网（ Web）编程的基础，也就是说万维网是创建在超文本基础之上的。超级文本标记语言之因此称为超文本标记语言，是由于文本中包含了所谓“ 超级连接”点。 ^[1]

定义

超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，

超文本标记语言 (15张)

它经过标记符号来标记要显示的网页中的各个部分。网页文件自己是一种文本文件，经过在文本文件中添加标记符，能够告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，而后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不中止其解释执行过程，编制者只能经过显示效果来分析出错缘由和出错部位。但须要注意的是，对于不一样的浏览器，对同一标记符可能会有不彻底相同的解释，于是可能会有不一样的显示效果。 ^[2]

语言特色

超级文本标记语言文档制做不是很复杂，但功能强大，支持不一样数据格式的文件镶入，这也是万维网（ WWW）盛行的缘由之一，其主要特色以下：

简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。
可扩展性：超级文本标记语言的普遍应用带来了增强功能，增长标识符等要求，超级文本标记语言采起子类元素的方式，为系统扩展带来保证。
平台无关性：虽然我的计算机大行其道，但使用 MAC等其余机器的大有人在，超级文本标记语言可使用在普遍的平台上，这也是万维网（ WWW）盛行的另外一个缘由。
通用性：另外， HTML是网络的通用语言,一种简单、通用的全置标记语言。它容许网页制做人创建文本与图片相结合的复杂页面，这些页面能够被网上任何其余人浏览到，不管使用的是什么类型的电脑或浏览器。

书写方式

编辑

Html编辑工具

它实际上是文本，它须要浏览器的解释，它的编辑器大致能够分为三种，

基本文本、文档编辑软件，使用微软自带的记事本或写字板均可以编写，固然，若是你用 WPS来编写，也能够。不过存盘时请使用.htm或.html做为扩展名，这样就方便浏览器认出直接解释执行了。
半所见即所得软件，

如：FCK-Editer、E-webediter等在线网页编辑器；

尤为推荐： Sublime Text代码编辑器（由Jon Skinner开发，Sublime Text 2收费但能够无限期试用）。
所见即所得软件，使用最普遍的编辑器，彻底能够一点不懂HTML的知识就能够作出网页，如：

AMAYA（出品单位：万维网联盟）；

FRONTPAGE（出品单位：微软）；

Dreamweaver（出品单位： Adobe）。
所见即所得软件与半所见即所得的软件相比，开发速度更快，效率更高，且直观的表现更强。任何地方进行修改只须要刷新便可显示。缺点是生成的代码结构复杂，不利于大型网站的多人协做和精准定位等高级功能的实现。

字符集

在网页中除了可显示常见的美国信息交换标准代码（外语缩写： ASCII）字符和汉字外，HTML还有许多特殊字符，它们一块儿构成了HTML 字符集。有2种状况须要使用特殊字符，一是网页中有其特殊意义的字符，二是键盘上没有的字符。 HTML字符能够用一些代码来表示，代码能够有2种表示方式。即字符代码（命名实体）和数字代码（编号实体）。字符代码以“&”符开始，以分号";"结束，其间是字符名，如®。数字代码也以“&#”符开始，以分号";"结束，其间是编号，如®。

总体结构

一个网页对应多个 HTML文件，超文本标记语言文件以.htm（磁盘操做系统 DOS限制的外语缩写）为扩展名或.html（外语缩写）为扩展名。可使用任何可以生成 TXT类型源文件的文本编辑器来产生超文本标记语言文件，只用修改文件后缀便可。

超文本标记语言

标准的超文本标记语言文件都具备一个基本的总体结构，标记通常都是成对出现（部分标记除外例如：<br/>），即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面总体结构的确认。

标记符<html>,说明该文件是用超文本标记语言（本标签的中文全称）来描述的,

HTML代码

它是文件的开头;而</html>,则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。

头部内容

关于HTML (4张)

<head></head>；这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容，它自己不做为内容来显示，但影响网页显示的效果。头部中最经常使用的标记符是标题标记符和 meta标记符，其中标题标记符用于定义网页的标题，它的内容显示在网页窗口的标题栏中，网页标题可被浏览器用做书签和收藏清单。

设置文档标题和其它在网页中不显示的信息，好比 dir ection方向、语言代码 Lang uage Code（实体定义!ENTITY % i18n）、指定字典中的元信息、等等。

如下表格列出了 HTML head 元素：^[3]

标签	描述
<head>	定义了文档的信息
<title>	定义了文档的标题
<base>	定义了页面连接标签的默认连接地址
<link>	定义了一个文档和外部资源之间的关系
<meta>	定义了HTML文档中的元数据
<script>	定义了客户端的脚本文件
<style>	定义了HTML文档的样式文件

主体内容

超文本标记语言

< body></body>；，网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。

发展历史

超文本标记语言（初版）——在1993年6月做为互联网工程工做小组（ IETF）工做草案发布（并不是标准）：

HTML 2.0——1995年11月做为RFC 1866发布，在RFC 2854于2000年6月发布以后被宣布已通过时

HTML 3.2——1997年1月14日， W3C推荐标准

html 5

HTML 4.0——1997年12月18日，W3C推荐标准

HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准

HTML 5——2014年10月28日，W3C推荐标准 ^[4] （ 详见本处参考资料）

ISO/IEC 15445:2000（“ISO HTML”）——2000年5月15日发布，基于严格的HTML 4.01语法，是国际标准化组织和国际电工委员会的标准。

Wijmo是基于 HTML5、 jQuery、CSS3和SVG的一个控件包，可以知足构建当今Web系统的需求。基于Wijmo，您的系统运行将更加快速和流畅，外观也会更加引人入胜。Wijmo中全部新的控件都是在符合最新的 UI设计潮流的基础上，对新的以及改良后的主题进行封装。优美的、专业的控件外观会让您的应用程序引人注目。好比 ComponentOne Studio for ASP .NET Wijmo 控件包内置的6个主题，同时可使用 jQuery UI项目提供的 30 多个主题，甚至可使用 ThemeRoller 建立属于您本身的系统主题。

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日，第一份正式草案发布。

XHTML1.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草案。

HTML4.01 是常见的版本。

常见实体

显示结果	描述	实体名称	实体编号
	空格
<	小于号	<	<< p=""><!--
>	大于号	>	>
&	和号	&	&
"	引号	"	"
'	撇号	' (IE不支持)	'
￠	分	¢	¢
￡	镑	£	£
￥	日元	¥	¥
?	欧元	€	€
§	小节	§	§
©	版权	©	©
®	注册商标	®	®
™	商标	™	™
×	乘号	×	×
÷	除号	÷	÷

标记

数据类型

html示例

超文本标记语言定义了多种数据类型的元素内容，如脚本数据和样式表的数据，和众多类型的属性值，包括 ID、名称、 URI、数字、长度单位、语言、媒体描述符、颜色、字符编码、日期和时间等。全部这些数据类型都是专业的字符数据。

类型描述

为了说明文档使用的超文本标记语言标准，全部超文本标记语言文档应该以 “ 文件类型声明 ”（外语全称加缩写< !DOCTYPE>）开头，引用一个文件类型描述或者必要状况下自定义一个文件类型描述。举例来讲：

HTML 5因为没定义一个文档类型定义（外语缩写： DTD），只包含根元素的它因此如此简单。

公共标识符	系统标识符	说明
-//W3C//DTD HTML 4.0//EN	^[3]	超文本标记语言（版本：4.0）、万维网联盟。
-//W3C//DTD HTML 4.01//EN		超文本标记语言（版本：4.01）、万维网联盟。

 
        <! 
        DOCTYPE 
        　HTML>

这个声明说明文档服从超文本标记语言 4.01的严格文件类型描述，这个标准是严格结构化的，使用层叠样式表（外语缩写： CSS）来作格式化。有时是否存在一个合适的文件类型描述会影响一个浏览器显示网页的方式。

除了超文本标记语言 4.01的严格文件类型描述以外，超文本标记语言 4.01也提供“ 过渡”和“ 框架集”文件类型描述。

过渡文件类型描述是向严格的文件类型描述过渡的缓冲。

框架集文件类型描述则针对包含框架元素的网页。

元素

<html></html> 建立一个超文本标记语言文档。

<head></head> （头）设置文档标题和其它在网页中不显示的信息，好比direction方向、语言代码Language Code（见实体定义!ENTITY % i18n）、指定字典中的元信息、等等。

<BASE> 文档中不能被该站点辨识的其它全部连接源的 URL（统一资源定位器）

<LINK> 定义一个连接和源之间的相互关系，好比引用一个层叠样式表（英文缩写： css）、作一个连接到一个脚本、为某文件作一个连接（可打印的版本）、文档特定的工具栏/菜单。

<body></body>文档体，文档的可见部分。

<title></title> 设置文档的标题。

固然，若是不使用以上基本框架结构，而直接使用在实体部分中出现的标记符，在浏览器下也能够解释执行。

内容描述

<h1></h1> 最大的标题（一号标题）

<pre></pre> 预先格式化文本（英文全称： PRE formatted）

<u></u> 下划线（英文全称：Underline）

<b></b> 黑体字（英文全称：Bold）

<i></i> 斜体字（英文全称：Italics）

<tt></tt>打字机风格的字体

<cite></cite>引用，一般是斜体

<em></em> 强调文本（一般是斜体加黑体、英文全称： EM phasize）

<strong></strong> 加剧文本（一般是斜体加黑体）

<font size="" color=""></font> 设置字体大小从1到7，颜色使用名字或 RGB（中文全称：红绿蓝）的十六进制值

<BASEFONT></BASEFONT>基准字体标记

<big></big> 字体加大

<SMALL></SMALL> 字体缩小

<DELECT></DELECT> 加删除线

<CODE></CODE>程式码

< KBD></KBD>键盘字（英文全称： K ey B oar D）

<SAMP></SAMP> 范例（英文全称： SAMPle）

<VAR></VAR> 变量（英文全称：VARiable）

<BLOCKQUOTE></BLOCKQUOTE> 向右缩排（向右缩进、块引用）

<DFN></DFN> 述语定义（英文全称：DeFiNe）

<ADDRESS></ADDRESS>地址标记

<sup></SUP> 上标字（英文全称：SUPerscript）

<SUB></SUB> 下标字（英文全称：SUBscript）

<xmp>...</xmp>；固定宽度字体（在文件中空白、换行、定位功能有效）

<plaintext>...</plaintext>；固定宽度字体（不执行标记符号）

<listing>...</listing> 固定宽度小字体

<font color=00ff00>...</font>；字体颜色

<font size=1>...</font>；字体大小等于1（最小）。

<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 efinitionT erm）

<dd> 放在每一个定义以前（定义说明、英文全称：D efinitionD escription）

<ol></ol> 建立一个标有序的列表，默认前面有数字，从数字“1”开始计数，依次叠加，也能够设置为字母或从任何天然数开始计数的列表项（有序列表、外语全称：O rderedL ist）

<ul></ul> 建立一个无序的列表，默认前面标有圆点，也能够本身设置为none或者其余形状，如空心圆、方块等。（无序列表、外语全称：U norderedL ists）

<li> 放在每一个列表项以前，若在<ol></ol>；之间则每一个列表项加上一个数字，

若在<ul></ul>；之间则每一个列表项加上一个圆点

<div align=""></div> 用来排版大块HTML段落，也用于格式化表

<MENU> 选项清单

<DIR> 目录清单

<nobr></nobr> 强行不换行（英文全称：nobr eaking）

<hr size='9' width='80%' color='ff0000'>；水平线（设定宽度、外语全称：horizontalrule）

<center></center> 水平居中

网页表格标签

因为表格能够精确控制文本和图像在网页中的显示位置，因此在不少网站的主页中通常都使用表格来进行布局。
　　表格的基本结构以下：

　　<Table>定义整个表格，即表格的内容要放在<Table>和</Table>标记中；在<Table>中的主要属性：border属性显示表格的边框，width, height属性定义表格的大小。<caption>标记符用来定义表格的标题。
　　表格的表示以行为单位，在行中包含列。其中：一个<tr>...</tr>标记表示一行；一个<td>...</td>标记表示一列；<th>... </th>定义表头，通常能够不用。

连接标志表格标志

 
        < 
        a 
       
        href 
        = 
        "一个统一资源定位器" 
        ></ 
        a 
        >

：建立超文本连接。

：建立位于文档内部的书签。

：建立指向位于文档内部书签的连接。

使用

每种HTML标记符在使用中可带有不一样的属性项，用于描述该标记符说明的内容显示不一样的效果。正文标记符中提供如下属性来改变文本的颜色及页面背景。

BGCOLOR（外语全称：BackgroundColor）用于定义网页的 背景色， BACKGROUND用于定义网页背景图案的图像文件

TEXT用于定义正文字符的颜色，默认为黑色

LINK用于定义网页中超级连接字符的颜色，默认为蓝色

VLINK（外语全称：V isitedLINK）用于定义网页中已被 访问过的超接连接字符的颜色，默认为紫红色

ALINK（中文全称：活动连接）用于定义被鼠标选中，但未使用时超链字符的颜色，默认为红色

例如：标记将定义页面的背景色为黑色，正文字体显示为白色。

以上属性使用中，须要对颜色进行说明，在HTML中对颜色可以使用3种方法说明颜色属性值，即直接颜色名称、 16进制颜色代码、10进制 RGB码。

直接颜色名称，能够在代码中直接写出颜色的英文名称。如<font color="red">咱们</font>，在浏览器上显示时就为红色。

16进制颜色代码，语法格式： #RRGGBB 。16进制颜色代码以前必须有一个“#”号，这种颜色代码是由三部分组成的，其中前两位表明红色，中间两位表明绿色，后两位表明蓝色。不一样的取值表明不一样的颜色，他们的取值范围是00--FF。如<font color="#FF0000">咱们</font>，在浏览器上显示一样为红色。

10进制 RGB码，语法格式： RGB(RRR,GGG,BBB) 。在这种表示法中，后面三个参数分别是红色、绿色、蓝色，他们的取值范围是0--255。以上两种表达方式能够相互转换，标准是16进制与10进制的相互转换。如<font color="rgb(255,0,0)">咱们</font>，在浏览器上显示字体为红色。

使用图案代替背景颜色，可使页面更生动、美观。

现在用一张大图当作网页的背景已经成为一种流行趋势，高质量的精美照片和抽象的设计图片可以给网站的外观带去深入的影响。

可将图像文件“图像.gif”所表示的一幅图像做为页面的背景，若图像幅面不够大，将会将图像重复平铺在窗口中。

注释

 
        <!--百度百科：这是壹条注释，且不会呈如今渲染器或者网络浏览器之上。-->

其余版本

和 XHTML之间的差别：

xmlns 属性在 XHTML中是必需的，但在 HTML中不是。不过，即便 XHTML文档中的 <html> 没有使用此属性，W3C 的验证器也不会报错。这是由于 "xmlns= 百度" 是一个固定值，即便您没有包含它，此值也会被添加到 <html> 标签中。

关联项目

标准通用标记语言

标准通用标记语言实体

文档类型定义（外语缩写： DTD）

！文档类型（外语全称加缩写： !doctype）

CSS+ div

Html5（超文本标记语言五）