1. 文本结构
让我们继续学习HTML...
段落 (p)
标签 <p> 用于创建文本段落。
段落能把文本分成逻辑块，提高可读性和信息的理解。
示例：
<p>这是第一段文本。包含一定的信息。</p>
<p>这是第二段文本。与第一段分开。</p>
加粗文本 (b)
标签 <b> 用于加粗字体
(bold) 的文本。这个标签可以强调某些关键字或短语。
<p>这是 <b>重要的</b> 文本。</p>
斜体文本 (i)
标签 <i> 用于让文字变成斜体
(italic)。它通常用来表示术语、书名、外来词等。
示例：
<p>这是 <i>术语</i>, 用斜体强调。</p>
2. 标题 (h1 - h6)
HTML标题 用来组织内容结构并定义页面的标题层次。共有六个级别的标题，<h1> 表示最重要的，而
<h6> 表示最不重要的。
-
<h1>— 最大且最重要的标题。通常用于页面的主标题。 -
<h2>— 次级标题，通常跟在<h1>后面。 -
<h3>— 子标题，比<h2>等级低。 -
<h4>— 子标题，比<h3>等级低。 -
<h5>— 子标题，比<h4>等级低。 -
<h6>— 最小且最不重要的标题。
示例：
<h1>页面主标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
3. head文档的其他标签
你可能会在HTML示例中看到一些其他的标签，以下是它们的简单介绍：
1. 标签 <title>
标签 <title> 定义了
页面的标题，它显示在浏览器标签中。这是用户首次看到的内容。几乎所有页面都会有这个标签。
默认情况下HTML编辑器会自动添加，但对于学习项目来说并不是很重要。
2. 标签 <meta charset="UTF-8">
标签 <meta> 在
<head> 中定义文档的字符编码。
UTF-8 是最常见的字符编码，支持大多数世界语言。我们以后会详细讲解编码。
3. 标签
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
此标签也在
<head> 中。它确保
页面在移动设备上的正确显示。定义了视口(viewport)宽度等于设备屏幕宽度，以及页面的初始缩放比例。
4. 标签 <link rel="stylesheet" href="styles.css">
标签 <link/> 引入了
外部CSS文件以设置页面样式。
属性 rel="stylesheet" 指明这是样式表，href="styles.css" 定义了样式文件路径。
5. 标签 <script src="script.js" defer></script>
标签 <script> 用于引入
外部JavaScript文件以为页面增加交互功能。
属性 src 定义了脚本文件路径，而
defer 告诉浏览器脚本应在加载HTML文档后执行。
GO TO FULL VERSION