HTML入门：格式和语义

在这里，我们来看看HTML文档中的格式和语义。

HTML 提供文档的结构（由页面上所有单独的 HTML 元素组成）。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

HTML 还提供了 HTML 文档的语义。元素通常用于特定含义。例如，标题级别 1 比标题级别 2 更重要。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

网页上的大多数格式设置和样式都是使用 CSS 完成的。但是，浏览器以标准方式格式化某些HTML元素，而无需CSS。因此，CSS仅用于从浏览器呈现它的默认方式增强元素的呈现。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

以下是常见 HTML 元素的示例，并说明了它们的用法，以及应用于 HTML 文档时其基本格式的示例。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

标题

有一个特殊的标记用于在 HTML 中指定标题。HTML 中有 6 个级别的标题，从<h1>（表示最重要的标题）到<h6>表示最不重要的标题。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

它们分别是：文章源自你的网络首码项目网-https://www.youranweb.com/36.html

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

<strong>元素

若要高度重视一段文本，请使用<strong> 元素。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

<p><>Attention:</strong> Please leave the door open.</p>

<>元素

您可以使用 <em> 元素来强调文本。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

<p>Strawberries are absolutely <em>delicious</em>!</p>

换行符

可以使用 <br> 元素强制换行。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

<p>Here is a <br>line break.</p>

主题间歇

您可以使用 <hr> 元素创建段落级主题分隔符。因此，此元素允许您将不同的主题划分为逻辑组。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

在 HTML 的早期版本中，此元素表示“水平线”。但是，HTML5赋予了它特定的语义含义（它表示段落级的主题中断）。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

<p>Here's one topic... </p>
<hr>
<p>Here's another topic.</p>

无序（无编号）列表

若要创建无序列表，请使用 <ul> 元素定义列表，并使用 <li> 元素定义每个列表项。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

<ul>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
</ul>

有序（编号）列表

若要创建有序列表，请使用 <ol> 元素定义列表，并使用 <li> 元素定义每个列表项。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

<ol>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
</ol>

我们将在本教程中介绍更多的HTML元素，但在我们这样做之前，您应该了解属性。文章源自你的网络首码项目网-https://www.youranweb.com/36.html 文章源自你的网络首码项目网-https://www.youranweb.com/36.html