HTML 基础

HTML（HyperText Markup Language）是用来描述网页结构的一种标记语言。在 web 开发中，HTML 是构建网页的基础，它定义了网页的结构和内容，包括标题、段落、链接、图像等。

HTML 文档结构

一个基本的 HTML 文档由以下几部分组成：

• <!DOCTYPE html>：声明文档类型为 HTML5。
• <html>：HTML 文档的根元素，包含整个 HTML 内容。
• <head>：包含了文档的元数据，如标题、样式表和脚本等。
• <title>：定义网页的标题，显示在浏览器的标签页上。
• <body>：包含了网页的主要内容，如文本、图像、链接等。

下面是一个简单的 HTML 文档结构示例：

// www.javascriptcn.com code example
<!DOCTYPE html>
<html>
<head>
  <title>我的第一个网页</title>
</head>
<body>
  <h1>欢迎来到我的网页</h1>
  <p>这是一个段落。</p>
</body>
</html>

在上面的示例中，<!DOCTYPE html> 声明了文档类型为 HTML5，<html> 标签定义了整个 HTML 文档的根元素，<head> 包含了文档的元数据，<title> 定义了网页的标题，<body> 包含了网页的主要内容。

HTML 元素

HTML 元素由开始标签、内容和结束标签组成，如 <p>这是一个段落。</p>。开始标签和结束标签包裹着元素的内容，起始标签包含元素的属性，属性可以提供有关元素的额外信息。

常用的 HTML 元素包括：

• <h1> 到 <h6>：定义标题，数字越小，字体越大。
• <p>：定义段落。
• <a>：定义链接。
• <img>：定义图像。
• <ul> 和 <li>：定义无序列表。
• <ol> 和 <li>：定义有序列表。
• <div>：定义文档中的区块。

下面是一个包含不同类型 HTML 元素的示例：

// www.javascriptcn.com code example
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
<a href="https://www.example.com">这是一个链接</a>
<img src="image.jpg" alt="这是一个图像">
<ul>
  <li>无序列表项 1</li>
  <li>无序列表项 2</li>
</ul>
<ol>
  <li>有序列表项 1</li>
  <li>有序列表项 2</li>
</ol>
<div>这是一个区块</div>

在上面的示例中，使用了不同类型的 HTML 元素，如标题、段落、链接、图像、列表和区块。

这就是 HTML 基础的内容，下一章节将介绍更多高级的 HTML 技术。