HTML 框架

在 web 前端开发中，HTML 是构建网页结构的基础。HTML 框架是指一个基本的 HTML 结构，包含了常见的标签和元素，用于搭建网页的基本框架。在本章节中，我们将介绍一个常见的 HTML 框架，让你快速上手构建网页。

HTML 基本结构

一个典型的 HTML 页面由以下几部分组成：

• <!DOCTYPE html> 声明：告诉浏览器使用 HTML5 标准来解析页面。
• <html> 标签：表示 HTML 文档的根元素。
• <head> 标签：包含了页面的元信息，如标题、字符集、引用的外部资源等。
• <title> 标签：定义页面的标题，显示在浏览器标签页上。
• <body> 标签：包含了页面的主要内容，如文本、图片、链接等。

下面是一个简单的 HTML 框架示例：

// www.javascriptcn.com code example
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>My First Web Page</title>
</head>
<body>
    <h1>Hello, World!</h1>
    <p>This is my first web page.</p>
</body>
</html>

在上面的示例中，我们使用了 <h1> 标签来定义页面的标题，使用 <p> 标签来添加段萼。你可以根据需要添加更多的标签和元素来构建更复杂的页面结构。

HTML 标签

在 HTML 中，标签是用来包裹内容的，每个标签都有特定的作用。常用的 HTML 标签包括：

• <h1> - <h6>：用来定义标题，数字代表标题的级别。
• <p>：用来定义段落。
• <a>：用来定义超链接。
• <img>：用来插入图片。
• <ul> 和 <ol>：用来定义无序列表和有序列表。
• <li>：用来定义列表中的每一项。
• <div> 和 <span>：用来定义块级和行内元素的容器。

通过合理使用这些标签，你可以构建出各种不同的网页结构，实现丰富多彩的页面布局和内容展示。

在下一个章节中，我们将深入介绍如何使用这些标签来创建不同类型的内容。敬请期待！