HTML简介

HTML（HyperText Markup Language）是构建网页的基础语言之一。它是一种标记语言，用于描述网页的结构和内容。

1. HTML的基本概念

HTML是一种标记语言，它通过形如<tagname>的符号来标记出网页中的不同内容，这种符号被称为html标签。这些内容也被称为网页中的元素（element）。标签可以定义出网页中的各种元素。

HTML是一种标记语言，由一系列的元素（elements）组成，这些元素用来描述网页的结构和内容。每个HTML元素都可以通过标签（tag）来表示，标签通常由尖括号包围，例如<tagname>。HTML文档由一系列嵌套的元素构成，形成了一个树状结构，称为文档对象模型（Document Object Model，简称DOM）。

2. 标签

HTML标签通常由尖括号 < 和 > 包围，包含在这些尖括号之间的内容称为标签名。HTML标签通常成对出现，分为开始标签和结束标签，有些标签也可以是自结束的。

下面是HTML标签的一般语法：

1. 开始标签：开始标签由标签名和可能的属性组成，格式为 <tagname attribute1="value1" attribute2="value2">。其中：
   • <tagname> 是标签名称，表示要应用的元素类型，比如 <p> 表示段落。
   • attribute1="value1" 和 attribute2="value2" 是可选的属性，用于提供有关标签更多信息，属性值用引号括起来，属性名称和属性值之间用等号连接。
2. 结束标签：结束标签用于结束一个元素，格式为 </tagname>。其中 tagname 是与开放标签中的标签名称相同的名称，以指示标签的结束。
3. 自结束标签：某些标签不需要内容，因此它们没有结束标签，而是以自结束的形式出现，例如 <img>、<br> 和 <input>。自结束标签可以在标签名称后面直接以斜杠结尾，例如 <img />。

例如，一个典型的段落标签的语法如下：

<p>This is a paragraph.</p>

在这个例子中，<p> 是开始标签，</p> 是结束标签，它们包围着文本“ This is a paragraph.”，表示这是一个段落。

以下是另一个例子，显示了一个带有属性的图像标签的语法：

<img src="example.jpg" alt="Example Image" />

在这个例子中，<img> 是一个自结束标签，它有两个属性：src 指定图像文件的路径，alt 提供了图像的替代文本，用于辅助技术或图像无法显示时的情况。

HTML标签可以按需嵌套，但必须遵循正确的嵌套顺序和结构。HTML标签不区分大小写，但建议按照惯例使用小写字母来书写标签名称和属性。

3. HTML的语法结构

HTML文档由三部分组成：<!DOCTYPE>声明、<html>元素和文档内容。下面是一个简单的HTML文档结构示例：

<!DOCTYPE html>
<html>
<head>
    <title>这是一个HTML文档</title>
</head>
<body>
    <h1>欢迎来到我的网站</h1>
    <p>这是一个段落。</p>
</body>
</html>

• <!DOCTYPE html>声明定义了文档类型和版本。
• <html>元素是HTML文档的根元素，包含了整个HTML文档的内容。
• <head>元素包含了文档的元数据和其他信息，如标题、样式表和脚本。
• <title>元素定义了网页的标题，显示在浏览器的标题栏或标签页上。
• <body>元素包含了可见的网页内容，如文本、图像和链接。
• <h1>至<h6>元素定义了六个级别的标题，分别表示从最高级别到最低级别的标题。
• <p>元素定义了一个段落。