HTML零基础教程之正文标签元素

HTML正文标签元素详解

HTML正文标签元素是指用于定义文档正文内容的标签，主要包括文本元素、块级元素、行内元素、区块元素、超文本链接、图像、列表和表格。这些标签可以帮助我们构建丰富多彩的网页内容。

一、文本元素

文本元素是HTML中最基本的元素，用于定义文档中的文本内容。常用的文本元素包括：

• <p>：段落元素，用于定义一段文字。
• <h1>到<h6>：标题元素，用于定义不同级别的标题。
• <br>：换行元素，用于在文本中强制换行。
• <hr>：水平线元素，用于在文本中插入一条水平线。

二、块级元素

块级元素是指在文档中占据整个可用宽度的元素，它会自动换行，并且在上下两端留出空白。常用的块级元素包括：

• <div>：通用块级元素，用于定义一个块级区域。
• <header>：页眉元素，用于定义页面的头部区域。
• <footer>：页脚元素，用于定义页面的底部区域。
• <article>：文章元素，用于定义一篇独立的文章。
• <section>：章节元素，用于定义文档中的一个章节。

三、行内元素

行内元素是指在文档中只占据其内容宽度的元素，它不会自动换行，并且不会在上下两端留出空白。常用的行内元素包括：

• <a>：超文本链接元素，用于定义一个超文本链接。
• <img>：图像元素，用于定义一个图像。
• <span>：跨度元素，用于定义一个文本的跨度。
• <strong>：粗体元素，用于将文本加粗。
• <em>：斜体元素，用于将文本加斜。

四、区块元素

区块元素是指在文档中占据整个可用宽度的元素，并且在上下两端留出空白。常用的区块元素包括：

• <div>：通用块级元素，用于定义一个块级区域。
• <header>：页眉元素，用于定义页面的头部区域。
• <footer>：页脚元素，用于定义页面的底部区域。
• <article>：文章元素，用于定义一篇独立的文章。
• <section>：章节元素，用于定义文档中的一个章节。

五、超文本链接

超文本链接元素用于定义一个超文本链接，它可以将用户从一个页面链接到另一个页面。超文本链接元素的语法如下：

<a href="URL">链接文字</a>

其中，href属性指定超文本链接的地址，链接文字是显示在网页上的可点击文本。

六、图像

图像元素用于定义一个图像，它可以将图像嵌入到网页中。图像元素的语法如下：

<img src="URL" alt="替代文本">

其中，src属性指定图像的地址，alt属性指定图像的替代文本。替代文本将在图像无法显示时显示。

七、列表

列表元素用于定义一个列表，它可以将一组相关项目罗列在一起。列表元素的语法如下：

<ul>
  <li>列表项 1</li>
  <li>列表项 2</li>
  <li>列表项 3</li>
</ul>

其中，<ul>元素定义一个无序列表，<li>元素定义列表项。

八、表格

表格元素用于定义一个表格，它可以将数据组织成行和列。表格元素的语法如下：

<table>
  <thead>
    <tr>
      <th>表头 1</th>
      <th>表头 2</th>
      <th>表头 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>数据 1</td>
      <td>数据 2</td>
      <td>数据 3</td>
    </tr>
    <tr>
      <td>数据 4</td>
      <td>数据 5</td>
      <td>数据 6</td>
    </tr>
  </tbody>
</table>

其中，<table>元素定义一个表格，<thead>元素定义表头，<tbody>元素定义表体，<tr>元素定义表格行，<th>元素定义表头单元格，<td>元素定义数据单元格。