3.HTML常用标签的语义和用法-CSDN博客

本文链接：https://blog.csdn.net/Vincent_TangM/article/details/133715468

1.双标签和自结束标签

双标签： 一般情况下，HTML标签是由开始标签和结束标签组成的，这种标签也被称为双标签（paired tags）或成对标签（paired elements）。开始标签用于指定元素的起始位置，而结束标签用于指定元素的结束位置，标签之间包含了元素的内容或子元素。例如：

<p>这是一个段落。</p>
<a href="https://www.example.com">这是一个链接</a>

自结束标签：在HTML中，自结束标签（Self-closing tag）是一种特殊的HTML标签，它不需要包含在开启标签和闭合标签之间，因为它没有对应的闭合标签。自结束标签通常用于表示没有内容或子元素的标签，而仅仅是用来标识某个特定的元素或属性。例如：

<img src="image.jpg" alt="图片描述" />

常见的HTML中使用的自结束标签有：

`<img>`、`<br>`、 `<input>`、`<link>`、`<meta>`、`<hr>`

它们以`<标签名 ... />`的形式出现，并且没有相应的闭合标签。自结束标签在HTML中用于插入一些元素或属性，而不需要包含任何内容。

2.标签中的属性

在标签中，属性是一个名值对（x=y），例如下面的font标签，color是属性，red是属性值，属性值也可以用单引号引起来。一个标签里面可以有多个属性，属性和标签名或者其他属性用空格隔开。

<h1>这是我的<font color="red" size='3'>第一个<font>网页</h1>

3.注释

注释是一种用于添加文档说明或注解的方式，它们不会在网页上显示给用户，而是用于开发人员或其他协作者之间的文档说明。HTML注释以结束，快捷键是 ctrl+/ 。例如：

<!-- 这个段落用于显示产品描述 -->
<p>这是产品的详细描述。</p>

4.实体

实体（entity）是一种特殊的编码形式，用于表示一些特殊字符、保留字符或不易输入的字符，以便它们能够在HTML文档中正确地显示和解释，而不被解释为HTML标签或其他特殊语法。字符实体使用 '&'开头，';'结束。

        实体的语法：
                &实体的名字;
                &nbsp; 空格
                &gt; 大于号
                &lt; 小于号
                &quot; 双引号
                &copy; 版权符号

5.标题

HTML提供了六个级别的标题标签，分别是<h1>到<h6>，其中<h1>表示最高级别的标题，而<h6>表示最低级别的标题。通常，<h1>用于主标题，而<h2>用于子标题，以此类推。从h1到h6重要性递减，字体也会越来越小。

6.段落

<p>在p标签中的内容就表示一个段落</p>

7.em和strong

em有斜体的效果，strong是加重加粗的效果。

      <!-- 
          em标签用于表示语音语调的一个加重

          在页面中不会独占一行的元素称为行内元素（inline element）
       -->
      <p>今天天气<em>真</em>不错！</p>

      <!-- 
          strong表示强调，重要内容！
       -->
      <p>你今天必须要<strong>完成作业</strong>！</p>

8.<blockquote>和<q>

`<blockquote>` 标签：

<blockquote> 标签用于引用长段落或多行文本的情况，通常用于包含完整的引用内容。
这个标签通常会导致引用内容在浏览器中呈现为缩进的块级元素，以突出显示引用的内容。
可以使用 cite 属性来指定引用的来源（URL），这是可选的。

示例：

<blockquote>
    <p>这是一段引用的文本。它可以跨越多行，通常会以缩进的形式显示。</p>
    <cite><a href="https://www.example.com">引用来源</a></cite>
</blockquote>

`<q>` 标签：

<q> 标签用于引用短语或句子，通常用于包含引用内容的一部分。
这个标签通常导致引用内容在浏览器中以引号包围的行内元素形式显示。
cite 属性也可以用于 <q> 标签，用于指定引用的来源（URL）。

示例：

<p>他说：<q>这是一句引用的话。</q></p>
<p>这个引用来自 <cite><a href="https://www.example.com">引用来源</a></cite>。</p>

鲁迅说：
      <!-- blockquote 表示一个长引用 -->
      <blockquote>
          这句话我是从来没有说过的！
      </blockquote>

      <!-- 
          q表示一个短引用
       -->
      子曰<q>学而时习之，乐呵乐呵！</q>