HTML 基础知识

htmlweb developmentfront end technology更新于 2025/9/16 14:04:17

超文本是指网页(HTML 文档)相互链接的方式。因此，网页上提供的链接称为超文本。顾名思义，HTML 是一种标记语言，这意味着您可以使用 HTML 简单地"标记"文本文档，这些标签会告诉 Web 浏览器如何构建文档以便显示。它代表超文本标记语言 (Hypertext Markup Language)，是编写网页最广泛使用的语言。

HTML5 是 HTML 标准的下一个主要修订版，它将取代 HTML 4.01、XHTML 1.0 和 XHTML 1.1。HTML5 是用于在万维网上构建和呈现内容的标准。新标准整合了视频播放和拖放等功能，这些功能之前依赖于第三方浏览器插件，例如 Adobe Flash、Microsoft Silverlight 和 Google Gears。

HTML 文档类型

每当您创建 HTML 文档时，文档类型都是放置在文档中的第一项。它向网络浏览器传达了编写此页面的 HTML 版本。它不区分大小写。

HTML5 文档类型

<!DOCTYPE html>

HTML 字符编码

HTML 中的 charset 属性与 <meta> 一起使用指定字符编码。

以下是语法 −

<meta charset="char_set">

以上，char_set 是用于指定 HTML 文档字符编码的字符集。

现在让我们看一个指定字符编码的示例 −

示例

<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
</head>
<body>
<h2>Example</h2>
<p>We have added demo text:<p>
<textarea rows = "4" cols = "50">
Here, we are mentioned the demo content. This is just to display an example of charset in an HTML document.
</textarea><br>
<button type = "button">Previous</button>
<button type = "button">Next</button>
</body>
</html>

输出

HTML 标题

任何文档都以标题开头。您可以使用不同的大小来设置标题。HTML 也提供六级标题，分别使用 <h1>、<h2>、<h3>、<h4>、<h5> 和 <h6> 元素。显示任何标题时，浏览器都会在该标题前后各添加一行。

HTML 元素

HTML 元素由起始标签定义。如果元素包含其他内容，则以结束标签结束，元素名称前带有正斜杠。

HTML 属性

属性用于定义 HTML 元素的特性，位于元素的起始标签内。所有属性都由两部分组成:名称和值。例如，−

<canvas id=”newCanvas” width=”400” height=”300”>

其他示例包括 −

<img alt = ”alternate text”>

根据 HTML5 标准，属性两侧不强制使用引号，但始终建议使用引号。

HTML 格式

格式化是指如何在 HTML 中格式化网页上的文本。它包括粗体文本、斜体文本、删除文本、突出显示文本等。让我们看一个例子 −

示例

<!DOCTYPE html>
<html>
<body>
<h2>Tags for formatting text in HTML</h2>
<strong>Strong text</strong><br>
<b>Bold text</b><br>
<em>Emphasized text</em><br>
<i>Italic Text</i><br>
<mark>Highlighted text</mark>
</body>
</html>