幕雪

[html语言] 构建网页内容的基础：是什么、为什么、在哪里、如何写、包含什么？

html语言，全称是超文本标记语言（HyperText Markup Language），它是构建万维网页面内容的基石。很多人初次接触它时，可能会好奇它究竟是什么，用来做什么，以及如何实际应用它来创建网页。

html语言是什么？

严格来说，HTML不是一种编程语言，而是一种标记语言。它的核心作用是描述网页的结构和内容。
想象一下，你正在写一篇文章，你需要标题、段落、列表、引用、图片等等。HTML就是用来告诉浏览器：“这部分文字是标题”，“这部分是段落”，“这是一个图片，它的来源是这里”，“这是一个链接，点击它会去往另一个页面”。
它使用一系列预定义的“标记”（markup），也就是我们常说的“标签”（tags），来包裹或标识网页上的不同内容块。

HTML的核心在于使用标签来定义和组织网页上的各种元素，使得浏览器能够正确地解析和显示这些内容。它提供了网页内容的骨架。

为什么我们需要html语言？

万维网是建立在无数相互连接的文档之上的。为了让这些文档能够在不同的电脑、不同的浏览器上以相对一致的方式呈现，并且能够相互链接，我们需要一个通用的标准。
HTML正是这个标准。

  • 结构化内容： 它允许我们将原始的文本、图片等信息组织成有逻辑的结构，比如区分主标题、副标题、正文段落、强调内容等。
  • 浏览器解析： 所有的网络浏览器（如Chrome, Firefox, Edge, Safari等）都内置了HTML的解析器，它们能够读懂HTML代码，并根据标记的指示将内容渲染（显示）出来。没有HTML，浏览器不知道如何显示你提供的原始数据。
  • 实现超文本： HTML名称中的“超文本”是其最重要的特性之一。通过链接（也就是超链接），HTML文档可以相互连接，构成一个庞大的信息网络。这是万维网的核心功能。
  • 集成其他技术： 虽然HTML只负责结构，但它可以轻松地与其他网络技术结合，比如使用CSS（层叠样式表）来控制内容的样式和布局，使用JavaScript来增加交互功能。HTML提供了这些技术依附的“钩子”。

简单来说，没有HTML，就没有我们今天所看到的、可交互、可导航的网页。它是网页存在的基础。

html语言在哪里使用？

HTML几乎无处不在，只要你访问网页，你就一定在使用和与HTML打交道。

  • 网页文件： 网页文件本身就是HTML文件，它们通常以.html或.htm作为文件扩展名。这些文件存储在网络服务器上。
  • 浏览器内部： 当你在浏览器地址栏输入一个网址并按下回车，浏览器就会向服务器请求对应的HTML文件。服务器发送回文件后，浏览器就会读取其中的HTML代码并将其显示出来。
  • Web开发流程： 在网站开发过程中，开发者会使用文本编辑器或专门的集成开发环境（IDE）来编写HTML代码。
  • 电子邮件： 许多电子邮件（尤其是带格式的邮件）实际上也是用HTML编写的，以便在不同的邮件客户端中呈现出特定的样式和布局。
  • 其他基于Webview的应用： 一些桌面或移动应用程序使用内嵌的浏览器组件（Webview）来显示部分内容，这些内容通常也是HTML格式的。

每一次你在网上看到一个页面，它的结构和内容就是由HTML定义的。

html语言包含了什么？或者说，你需要了解它的“多少”组成部分？

要理解HTML，你需要掌握它的基本组成部分：

文档类型声明 ()

这是HTML文档的第一行。它告诉浏览器文档使用了哪种HTML标准（通常是HTML5），这有助于浏览器以正确的方式来解析页面。虽然它不是一个HTML标签，但它是HTML文档必不可少的一部分。

HTML元素 (Elements)

HTML文档是由元素组成的。一个典型的HTML元素包括一个开始标签、一些内容和一个结束标签。
例如：

这是一个段落。


这里的

是开始标签，

是结束标签，“这是一个段落。”是标签包含的内容。从开始标签到结束标签（包括标签本身和内容）构成了一个完整的p元素。

HTML标签 (Tags)

标签是元素的名称，被尖括号< >包围。它们定义了内容的类型或作用。
大多数标签是成对出现的（有开始标签和结束标签），比如

和

，

和

，

和

。
也有一些标签是独立标签（或称空标签），它们不需要结束标签，因为它们不包含内容，只表示一个独立的元素，比如（图片）、
（换行）、

（水平分割线）。

HTML属性 (Attributes)

属性为HTML元素提供附加信息。它们通常出现在元素的开始标签中，以名称/值对的形式存在。
例如：这是一个链接
在这个例子中，href是属性名，"https://www.example.com"是属性值。它告诉浏览器这个链接指向哪里。
另一个例子：美丽的风景
这里src属性指定图片文件的路径，alt属性提供图片的替代文本（当图片无法显示时或供屏幕阅读器使用）。
属性可以用来修改元素的行为或提供元数据。

基本的文档结构

一个标准的HTML页面至少包含以下基本结构：


  
    
    
  
  
    
    

主标题


    

这是正文内容。