📅 最后修改于: 2023-12-03 15:26:40.508000 🧑 作者: Mango
HTML（Hypertext Markup Language）是用于创建网页的标准标记语言。HTML由一系列标记组成，这些标记告诉Web浏览器如何显示页面的内容。HTML具有良好的可读性和易于学习的特性，它是Web开发的基础。本文将介绍HTML标记的基础知识，让您可以轻松创建网页。
HTML 是一种以标记为基础的语言，也称为标记语言（markup language）。HTML 文档由标记组成，标记用尖括号表示，例如 <html>。
以下是一个基本的 HTML 结构：
<!DOCTYPE html>
<html>
<head>
<title>页面的标题</title>
</head>
<body>
<h1>网页的主标题</h1>
<p>段落1</p>
<p>段落2</p>
</body>
</html>
首先，我们使用 <!DOCTYPE html> 声明文档类型。这是 HTML5 的标准声明，它告诉 Web 浏览器我们在使用 HTML5。
然后，我们使用 <html> 元素定义整个文档。它包含一个<head> 元素和一个<body> 元素。
在<head>元素中，我们定义了文档的标题，这是我们在 Web 浏览器中看到的文档标题。
在<body>元素中，我们定义了页面的主要内容，包括标题、段落、图像、链接等。
HTML 标记由两个主要部分组成：元素和属性。元素是按照特定格式书写的标记，例如 <p>；属性是附加到元素上的值，例如 class="example"。
HTML 元素有两个主要部分：开始标记和结束标记。开始标记用 < 开始，结束标记用 > 结束。例如：
<p>这是一个段落。</p>
上面的例子中，<p> 是开始标记，</p> 是结束标记。元素的内容在开始标记和结束标记之间。
还有一些 HTML 元素没有结束标记，称为“空元素”。例如 <img> 需要使用 src 属性指定图像的 URL：
<img src="example.png" alt="示例">
HTML 元素可以包含一个或多个属性。属性的格式为“属性名称=属性值”，例如：
<p class="example">这是一个段落。</p>
上面的例子中，class 是属性名称，example 是属性值。多个属性可以用空格分隔，例如：
<a href="https://www.example.com" class="example-link">示例链接</a>
上面的例子中，href 和 class 都是属性名称，https://www.example.com 和 example-link 都是属性值。
HTML 元素有很多，这里只列出一些常用的元素：
<h1> 至 <h6>：标题元素，用于定义文档中的标题级别，h1 最高，h6 最低。<p>：段落元素，用于定义文本段落。<a>：链接元素，用于定义超链接，指向另一个文档或资源。<img>：图像元素，用于定义图像。<ul> 和 <li>：无序列表和列表项元素，用于定义无序列表。<ol> 和 <li>：有序列表和列表项元素，用于定义有序列表。<div>：块级元素，用于定义文档中的区块，通常用于布局。<span>：行内元素，用于定义文档中的一小部分内容，通常用于设置样式。<input>：表单元素，用于创建输入框、单选按钮、复选框等表单控件。HTML 是 Web 开发的基础，可以让您创建漂亮而功能丰富的网页。在本文中，我们介绍了 HTML 标记的基础知识，包括标记的基础结构、核心组件、常用元素等。开始编写 HTML 代码吧！