📅 最后修改于: 2023-12-03 15:01:09.612000 🧑 作者: Mango
HTML是一种用于创建和组织Web页面内容的标记语言。它由一组标签和属性组成，用于指示Web浏览器如何显示文本、图像、视频和其他元素。
HTML标签使用尖括号括起来，其中包含标记名称和一些属性。例如，以下是一个简单的HTML段落标记：
<p>This is a paragraph.</p>
在这个例子中，<p>是起始标记，</p>是结束标记。在两个标记之间的内容是段落的文本内容。
属性允许我们为标记提供更多的信息，例如链接的目标URL或图像的文件名。例如，以下是一个带有href属性的链接标记：
<a href="https://www.example.com">This is a link.</a>
HTML标记可以嵌套在其他标记中，以创建更复杂的页面布局和元素。例如，以下是一个带有标题、段落和粗体文本的HTML示例：
<h1>Page Title</h1>
<p>This is a <strong>paragraph</strong> with <a href="https://www.example.com">a link</a>.</p>
在这个例子中，<h1>和<p>标记是平级的，但是<strong>标记包含在<p>标记内部。同样地，<a>标记也嵌套在<strong>标记内部。
HTML不仅用于指示页面中的内容，还可以用于指示页面的样式和布局。这通常通过CSS（层叠样式表）来完成，CSS是另一种语言，用于指定页面的样式和布局信息。
在HTML中，常用的样式标记包括<style>和<link>标记，用于引用外部CSS文件或内置的样式信息。例如，以下是一个带有外部样式文件链接的HTML头部：
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Page Title</h1>
<p>This is a <strong>paragraph</strong> with <a href="https://www.example.com">a link</a>.</p>
</body>
</html>
在这个例子中，<link>标记引用名为“styles.css”的外部CSS文件，该文件包含页面的样式和布局信息。
HTML是Web开发中最基本和最重要的技术之一。通过学习HTML标记和属性，您可以创建丰富和复杂的Web页面，并且可以使用CSS来指定样式和布局信息。