“这里是云端源想IT，帮你轻松学IT”

嗨~ 今天的你过得还好吗？

谁见过风呢

勿论你和我

但当树木俯首

风正经过

- 2024.03.05 -

于这数字化之际，我们每日皆与网页有所关联，你可曾有过好奇sublime text 插件使用，这般饱含魔力的网页究竟是怎样诞生的？今日，我们便要来揭开构织这些网页的神秘帷幕，即HTML（超文本标记语言） 。

一、什么是HTML

网页的基本组成

网页作为构成网站的基本元素，其组成涵盖图片、链接、文字、声音、视频等元素，平常我们所见到的网页，皆是.htm以及.html后缀结尾的文件，由于这些都被称作HTML文件 。

什么是HTML

将网页进行设计以及编辑的专门用途的，其名称在英文里全称为Hyper Text ，而中文被翻译为“超文本标记语言”的是HTML 。

被称作“HTML 文档”的，是用 HTML 编写而成的文件，其一般后缀为.html（当然，也能够使用.htm，只是相对少见些）。HTML 文档属于一种纯文本文件，您能够借助记事本、Linux Vim、++、Text、VS Code 等文本编辑工具来打开或者创建它。

每一个网页皆是一个 HTML 文档，运用浏览器去访问一个链接（URL），实则就是下载、解析以及显示 HTML 文档的进程。把众多 HTML 文档放置于一个文件夹里，接着给予对外访问的权限，就形成了一个网站。

二、HTML的历史

1989年，HTML的故事开始了，那时，蒂姆·伯纳斯 - 李在欧洲核子研究中心，也就是CERN，提出了一个概念，这个概念叫做“万维网”。

他为了达成这一概念，发明出了HTML ，并且之后又和罗伯特·卡里奥一并发明了HTTP协议 。自是打那时候起 ，HTML便已变成互联网不能够或缺的一部分了 。

上图简单罗列了HTML的发展历史，大家可以简单了解一下。

三、HTML相关概念

什么是标签

通常被称作 HTML 标签 (HTML tag) 的是 HTML 标记，HTML 标签乃是由尖括号所包围的关键词，例如 。

<标签>内容<标签/>

什么是元素

“HTML标签”跟“HTML元素”常常都在表述相同的意思，然而严格说来，存在这样一种情况，即一个HTML元素涵盖了开始标签以及结束标签，就像下面这个实例所呈现的那样，。

HTML 元素：

这是一个段落

web浏览器

诸如谷歌浏览器之类的Web浏览器，是被用来读取HTML文件的，并且要把它当作网页予以显示。浏览器并非直接去显示HTML标签，不过却是能运用标签来确定怎样将HTML页面的内容呈现给用户的：

HTML 属性

进行修饰元素的是属性，属性所处位置得在开始标签里，一个元素所拥有的属性数量有可能不止一个，存在多个属性的情形下要用空格给隔开，多个属性之间对于先后顺序并不作区分。

只要出现属性，就会有值存在，属性与属性的值的连接方式是等号，属性的值被引号所包含，属性呈现的形式始终是名称/值对 。

四、HTML的基本结构

一个典型的HTML文档由以下几个基本元素构成：

这属于文档类型声明，它向浏览器表明此文档运用的是HTML5标准 。

这是根元素，是整个HTML文档的，其他所有元素，都被包含在这个标签内，。

这一部分涵盖了全部跟网页相关的元信息，像是标题，字符集声明，引入的CSS样式表以及文件之类的 。

这个标签对网页的标题做了定义，其会于浏览器的标题栏那儿显示，或者在标签页上显示，。

此项部分涵盖了网页的全部内容，像是文本，还有图片，以及链接，包括表格，还有列表等等 。

HTML的结构示例

让我们通过一个简单的例子来具体了解HTML的结构：

欢迎来到我的网页！
这是一个简单的段落。
点击这里访问示例网站

有这样一个例子，从中能够看到，存在一个完整的HTML文档结构，它起始，一直延续到最后一个结束 。

去想象一番，要是HTML呈现为一棵树的模样，那此时便是树干，并且就好似是树的那两个主要分支。其中的标签宛如树叶一般，尽管它们看起来并不起眼，然而却有着至关重要的作用，能够为树木供给营养。而当中的标签仿若树枝跟果实，它们共同构成了树的主体部分，从而吸引人们的目光 。

想迅速入门HTML吗，这儿推荐个前端开发基础课程，这位老师讲授得尤为出色，零基础去学毫无压力，知识点与代码相互结合，边学边做练习，能免费进行试看试学，并且有各类辅助工具跟资料，极为契合新手，搜索【云端源想】前去学习哟！

五、HTML的特点

HTML的特性主要涵盖简易性，可扩展性，平台无关性以及通用性等，具体情况如下：

1、简易性：

HTML属于一种相对而言容易开展学习以及实施使用的语言，其版本进行升级之时，通常会采用超集这种方式，进而致使新版本能够达成对于旧版本标签以及功能的兼容，如此一来，既实现了向后兼容性的保持，又具备灵活方便之便去引入全新的功能。

2、可扩展性：

跟随着互联网持续发展的态势，HTML也在不间断地增添新的元素以及属性，以此满足新出现的多样化需求。举例来说，这些需求涵盖支持多媒体内容嵌入这一方面，还有具备更丰富的表单控件等。正是这样的一种设计，使得HTML能够顺应持续改变的网络环境。

3、平台无关性：

可以在不同操作系统以及浏览器上显示的网页，是由HTML编写而成的，这是因HTML属于一种和平台没有关联的语言，这表明不管用户运用何种设备或者浏览器，均能够开展对HTML页面的访问以及浏览 。

4、通用性：

针对网页内容的创建以及结构化，有一种简单的标记语言被用于此处sublime text 插件使用，它便是HTML，此为网络通用语言。鉴于其有着广泛支持且比较普及的状况，几乎所有设备以及浏览器都能够对HTML内容予以解析并进行显示。

5、支持多种媒体格式：

HTML对文本内容予以支持，它还能够把图片、音频、视频等多种媒体格式进行嵌入，如此一来，网页是能够提供丰富的用户体验的 。

6、标准化：

HTML依照万维网联盟（W3C）所制定的国际标准，这表明网页开发者能够依据这些标准去创建网页，以此保证网页的互操作性以及可访问性。

7、标签丰富：

HTML给出了一串标签，像标题、列表、链接、表格这类，这些标签能让开发者造出那结构清晰、功能丰富的网页 。

总的来说，HTML是一种基础的网页开发语言，它具有易学易用的特性，具备跨平台的能力，拥有多功能的表现，呈现高度标准化的特质，由此而成了构建现代网络内容的核心工具。

将世界连接起来的纽带HTML，其重要性明显得无需多言。它是数字世界的基础，是每个想踏入互联网领域的人都得掌握的技能。不管你是怀揣成为前端开发者的梦想，还是只是想更好地弄懂这个由代码构建的世界，学习HTML都是个挺好的开端。

今天就先讲到这里了，

如有侵权请联系删除！