HTML 简练大总结：让你的网页开发更高效-CSDN博客

本文链接：https://blog.csdn.net/m0_73947732/article/details/146512425

1、html文档结构

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <!-- 字符编码 -->
    <meta charset="UTF-8">
    <!-- 页面标题 -->
    <title>完整示例页面</title>
    <!-- 适配移动设备 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入外部 CSS 文件 -->
    <link rel="stylesheet" href="styles.css">
    <!-- 页面描述，利于 SEO -->
    <meta name="description" content="这是一个完整的 HTML 示例页面">
</head>
<body>
    <!-- 页面主体内容 -->
    <h1>欢迎来到示例页面</h1>
</body>
</html>

属性：

lang：设置页面语言，如lang="zh-CN"表示中文。
charset：规定html文档的字符编码。
id：为元素指定唯一标识符（css中用#xxx)。
class：为元素指定一个或者多个类名（css中用.xxx)。

2、文本相关标签

标题标签（h1最高，h6最小）

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

段落、换行、水平线标签

br>换行；
hr>插入水平线
span>是行内元素，常用于对行内的部分文本进行样式设置或操作。
div>是块级元素，常用于对页面进行分块布局。

<p>这是一个普通的段落，包含一些文本内容。</p>
这是第一行<br>这是第二行
<hr>

<p>这是一段包含 <span style="color: blue;">蓝色文本</span> 的段落。</p>

<div