学习路线-后端-前端基础-HTML

悠悠 2022-12-03 08:30 260阅读 0赞

> HTML成为一种超文本标记性语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、生硬、表格、链接等
> 
> 超文本是一种祖师信息的而方式，它通过超级链接方式将文本中文字、图表与其他信息相关联，这些相互关联的信息媒体可能在同一个文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置 的信息资源随机方式进行连接，为人们查找，检索提供方便

# 简介 #

## 由来 ##

HTML的英文全称是Hyper Text Markup Language，超文本标记语言。HTML是由Web的发明者Tim berners-Lee和同事Daniel W.Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。用HTML编写的超文本文档称为HTML文档，他能独立于各种操作系统平台（如UNIX，WIndows等）。使用HTML语言，将所需要表达的信息技术按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件翻译成可以识别的信息，可视化的展现在显示器上。

自1990年以来，HTML就一直被用作WWW的信息表示语言，使用HTML语言描述的文件需要通过WWW浏览器显示出效果。HTML是一种建立网页文件的语言，通过标记式的指令(Tag)，将影像、声音、图片、文字动画、影视等内容显示出来。事实上，每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。HTML的普遍应用就是带来了超文本的技术―通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面，与世界各地主机的文件链接超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准。

万维网（world wide web）上的一个[超媒体][Link 1]文档称之为一个[页面][Link 2]。作为一个组织或者个人在[万维网][Link 3]上放置开始点的页面称为[主页][Link 4]（外语：Homepage）或首页，主页中通常包括有指向其他相关页面或其他节点的[指针][Link 5]（[超级链接][Link 6]），所谓超级链接，就是一种[统一资源定位器][Link 7]（Uniform Resource Locator，[外语][Link 8][缩写][Link 9]：[URL][]）指针，通过激活（点击）它，可使[浏览器][Link 10]方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列[页面][Link 2]的有机集合称为[网站][Link 11]（[Website][]或[Site][]）。超级文本标记语言（英文缩写：HTML）是为“[网页][Link 12]创建和其它可在[网页浏览器][Link 13]中看到的信息”设计的一种[标记语言][Link 14]。

网页的本质就是超级文本[标记语言][Link 15]，通过结合使用其他的[Web技术][Web]（如：[脚本语言][Link 16]、[公共网关接口][Link 17]、[组件][Link 18]等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（[Web][Web 1]）编程的基础，也就是说万维网是建立在[超文本][Link 19]基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。

## 定义 ##

超文本标记语言是标准通用语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容。浏览器按照顺序阅读网页文件，然后按照标记符解释和显示标记内容，对书写出错的标记符将不指出其错误，且不停止解释执行过程，编程者只通过页面内容来分析出错原因。但需要注意的是，对于不同浏览器，对于同一个标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。

# 版本 #

1.  HTML 1.0：在1993年6月作为互联网工程工作小组(IETF)工作草案发布。
2.  HTML 2.0：1995年1 1月作为RFC 1866发布，于2000年6月发布之后被宣布已经过时。
3.  HTML 3.0：1997年1月14日，W3C推荐标准。
4.  HTML 4.0：1997年12月18日，W3C推荐标准。
5.  HTML 4.01（微小改进）：1999年12月24日，W3C推荐标准。
6.  HTML 5：HTML5是公认的下一代Web语言，极大地提升了Web在富媒体、富内容和富应用等方面的能力，被喻为终将改变移动互联网的重要推手。

# 特点 #

超级文本标记语言文档制作不是很复杂，但功能强大，支持不同[数据格式][Link 20]的文件镶入，这也是万维网（[WWW][]）盛行的原因之一，其主要特点如下：

1.  简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便
2.  可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等需求，超级文本标记语言采取子类元素
3.  跨平台：现在各种各样的计算机，各种操作系统（如Ubuntu、Windows，macOS）
4.  通用性：它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

# 字符集 #

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

# 数据类型 #

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

# 常见实体 #

<table> 
 <tbody> 
 <tr> 
 <th> 显示结果 </th> 
 <th> 描述 </th> 
 <th> 实体名称 </th> 
 <th> 实体编号 </th> 
 </tr> 
 <tr> 
 <td>&nbsp;</td> 
 <td> 空格 </td> 
 <td> &amp;nbsp; </td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td> &lt; </td> 
 <td> 小于号 </td> 
 <td> &amp;lt; </td> 
 <td> &lt; </td> 
 </tr> 
 <tr> 
 <td> &gt; </td> 
 <td> 大于号 </td> 
 <td> &amp;gt; </td> 
 <td> &gt; </td> 
 </tr> 
 <tr> 
 <td> &amp; </td> 
 <td> 和号 </td> 
 <td> &amp;amp; </td> 
 <td> &amp; </td> 
 </tr> 
 <tr> 
 <td> " </td> 
 <td> 引号 </td> 
 <td> &amp;quot; </td> 
 <td> " </td> 
 </tr> 
 <tr> 
 <td> ' </td> 
 <td> 撇号 </td> 
 <td> &amp;apos; (IE不支持) </td> 
 <td> ' </td> 
 </tr> 
 <tr> 
 <td> ￠ </td> 
 <td> 分 </td> 
 <td> &amp;cent; </td> 
 <td> ¢ </td> 
 </tr> 
 <tr> 
 <td> ￡ </td> 
 <td> 镑 </td> 
 <td> &amp;pound; </td> 
 <td> £ </td> 
 </tr> 
 <tr> 
 <td> ￥ </td> 
 <td> 日元 </td> 
 <td> &amp;yen; </td> 
 <td> ¥ </td> 
 </tr> 
 <tr> 
 <td> € </td> 
 <td> 欧元 </td> 
 <td> &amp;euro; </td> 
 <td> € </td> 
 </tr> 
 <tr> 
 <td> § </td> 
 <td> 小节 </td> 
 <td> &amp;sect; </td> 
 <td> § </td> 
 </tr> 
 <tr> 
 <td> © </td> 
 <td> 版权 </td> 
 <td>&amp;copy;</td> 
 <td> © </td> 
 </tr> 
 <tr> 
 <td> ® </td> 
 <td> 注册商标 </td> 
 <td> &amp;reg; </td> 
 <td> ® </td> 
 </tr> 
 <tr> 
 <td>™</td> 
 <td> 商标 </td> 
 <td> &amp;trade; </td> 
 <td> ™ </td> 
 </tr> 
 <tr> 
 <td> × </td> 
 <td> 乘号 </td> 
 <td> &amp;times; </td> 
 <td> × </td> 
 </tr> 
 <tr> 
 <td> ÷ </td> 
 <td> 除号 </td> 
 <td> &amp;divide; </td> 
 <td> ÷ </td> 
 </tr> 
 </tbody> 
</table>

# 整体结构 #

[Link 1]: https://baike.baidu.com/item/%E8%B6%85%E5%AA%92%E4%BD%93/1750647
[Link 2]: https://baike.baidu.com/item/%E9%A1%B5%E9%9D%A2
[Link 3]: https://baike.baidu.com/item/%E4%B8%87%E7%BB%B4%E7%BD%91/215515
[Link 4]: https://baike.baidu.com/item/%E4%B8%BB%E9%A1%B5
[Link 5]: https://baike.baidu.com/item/%E6%8C%87%E9%92%88
[Link 6]: https://baike.baidu.com/item/%E8%B6%85%E7%BA%A7%E9%93%BE%E6%8E%A5
[Link 7]: https://baike.baidu.com/item/%E7%BB%9F%E4%B8%80%E8%B5%84%E6%BA%90%E5%AE%9A%E4%BD%8D%E5%99%A8
[Link 8]: https://baike.baidu.com/item/%E5%A4%96%E8%AF%AD
[Link 9]: https://baike.baidu.com/item/%E7%BC%A9%E5%86%99
[URL]: https://baike.baidu.com/item/URL
[Link 10]: https://baike.baidu.com/item/%E6%B5%8F%E8%A7%88%E5%99%A8
[Link 11]: https://baike.baidu.com/item/%E7%BD%91%E7%AB%99
[Website]: https://baike.baidu.com/item/Website
[Site]: https://baike.baidu.com/item/Site/10831143
[Link 12]: https://baike.baidu.com/item/%E7%BD%91%E9%A1%B5
[Link 13]: https://baike.baidu.com/item/%E7%BD%91%E9%A1%B5%E6%B5%8F%E8%A7%88%E5%99%A8
[Link 14]: https://baike.baidu.com/item/%E6%A0%87%E8%AE%B0%E8%AF%AD%E8%A8%80
[Link 15]: https://baike.baidu.com/item/%E6%A0%87%E8%AE%B0%E8%AF%AD%E8%A8%80/5964436
[Web]: https://baike.baidu.com/item/Web%E6%8A%80%E6%9C%AF
[Link 16]: https://baike.baidu.com/item/%E8%84%9A%E6%9C%AC%E8%AF%AD%E8%A8%80
[Link 17]: https://baike.baidu.com/item/%E5%85%AC%E5%85%B1%E7%BD%91%E5%85%B3%E6%8E%A5%E5%8F%A3
[Link 18]: https://baike.baidu.com/item/%E7%BB%84%E4%BB%B6
[Web 1]: https://baike.baidu.com/item/Web
[Link 19]: https://baike.baidu.com/item/%E8%B6%85%E6%96%87%E6%9C%AC/2832422
[Link 20]: https://baike.baidu.com/item/%E6%95%B0%E6%8D%AE%E6%A0%BC%E5%BC%8F/5198733
[WWW]: https://baike.baidu.com/item/WWW
[Link 21]: https://baike.baidu.com/item/%E7%BE%8E%E5%9B%BD%E4%BF%A1%E6%81%AF%E4%BA%A4%E6%8D%A2%E6%A0%87%E5%87%86%E4%BB%A3%E7%A0%81
[Link 22]: https://baike.baidu.com/item/%E6%B1%89%E5%AD%97
[Link 23]: https://baike.baidu.com/item/%E5%AD%97%E7%AC%A6%E9%9B%86
[Link 24]: https://baike.baidu.com/item/%E8%A1%A8%E7%A4%BA
[ID]: https://baike.baidu.com/item/ID
[URI]: https://baike.baidu.com/item/URI
[Link 25]: https://baike.baidu.com/item/%E6%95%B0%E5%AD%97
[Link 26]: https://baike.baidu.com/item/%E8%AF%AD%E8%A8%80
[Link 27]: https://baike.baidu.com/item/%E9%A2%9C%E8%89%B2
[Link 28]: https://baike.baidu.com/item/%E6%97%A5%E6%9C%9F