HTML基础：网页构建的核心
HTML，即超文本标记语言，是构建网页内容的标准标记语言。通过不同的标签，HTML指导浏览器如何展示内容，它就像是网页的骨架，支撑着网页的基本结构和内容展示。
HTML标签详解：构建网页的基石
标题标签（H1-H6）
从<h1>到<h6>，六级标题标签定义了不同级别的章节。<h1>通常用作主标题，而<h6>是最小的子标题，帮助创建清晰的文档结构
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>首页</title> </head> <body> <h1>一级标题zzuow1</h1> <h2>二级标题zzuow2</h2> <h3>三级标题zzuow3</h3> <h4>四级标题zzuow4</h4> <h5>五级标题zzuow5</h5> <h6>六级标题zzuow6</h6> <h7>七级标题zzuow7</h7> 这里是正文文字 </body> </html>
可以看到h7标签没有用，只有到h6，同时可以不用加任何标签添加文字
段落标签（P）
标签定义了段落，它自动在段落的前后添加空白，使文章布局更为清晰。
// body 部分 <p>这是段落，每个段落自动换行xxxxxxx。</p> <p>这是段落，每个段落自动换行xxxx</p> <p>段落内文字忽略连续 xxx 空格， 也不会显示空行，且不会换行xxx</p>
可以看到，每个p标签自动换行，段内文字无论有多少个空格和换行都会被替换成一个空格，段内换行的实现需要借助br标签，段内的多个空格显示需要借助span标签
换行标签（BR）和空格
<p>这是一个示例段落。<br/>请注意，自闭合标签应保留“/”符号，这是规范的写法。<br/><br/> 如果你想在文本中空出一行，可以通过连续使用两个<br/>标签来实现。</p> <br/> <p>同样，<br/>标签也可以用在段落标签之外，以添加额外的空行或分隔内容。</p>
可以注意到，段内需要空一行时可以放两个br标签，在p标签之外放br标签再接p标签会空两行，br标签空一行，p标签本身又会空一行
行内标签（SPAN）
span标签适用于对文本的一小部分进行特别处理，如样式更改或属性赋值。
要组合行内元素并为它们设置CSS样式，你可以使用标签包裹这些元素，并通过class或id属性为它们添加特定的标识
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style type="text/css"> span{ color: blue; font-weight: bold; } </style> </head> <body> <p>最新<span>测试数据</span>初中</p> </body> </html>
水平线标签（HR）
<p>正文内容</p> <hr /> <p>正文内容</p>
