Skip to content

HTML(HyperText Markup Language)元素是构成HTML文档结构和内容的基本组成部分。每个HTML元素通常由一个起始标签、内容和一个结束标签组成。标签使用尖括号包围,并包含元素的名称。以下是HTML元素的基本结构:

html
<元素名称>内容</元素名称>

示例

以下是一个简单的HTML元素示例:

html
<p>这是一个段落。</p>

在这个示例中:

  • <p> 是段落元素的起始标签。
  • 这是一个段落。 是段落的内容。
  • </p> 是段落元素的结束标签。

常见的HTML元素

  1. 标题元素

    html
    <h1>这是一个一级标题</h1>
    <h2>这是一个二级标题</h2>
    • <h1><h6> 用于定义不同级别的标题。
  2. 段落元素

    html
    <p>这是一个段落。</p>
    • <p> 用于定义段落。
  3. 链接元素

    html
    <a href="https://www.example.com">这是一个链接</a>
    • <a> 用于定义超链接,href 属性指定链接目标。
  4. 图像元素

    html
    <img src="image.jpg" alt="描述文本">
    • <img> 用于嵌入图像,src 属性指定图像源,alt 属性提供图像的替代文本。
  5. 列表元素

    html
    <ul>
      <li>列表项 1</li>
      <li>列表项 2</li>
    </ul>
    <ol>
      <li>列表项 1</li>
      <li>列表项 2</li>
    </ol>
    • <ul> 用于定义无序列表,<ol> 用于定义有序列表,<li> 用于定义列表项。
  6. 表格元素

    html
    <table>
      <tr>
        <th>标题 1</th>
        <th>标题 2</th>
      </tr>
      <tr>
        <td>数据 1</td>
        <td>数据 2</td>
      </tr>
    </table>
    • <table> 用于定义表格,<tr> 定义表格行,<th> 定义表头单元格,<td> 定义表格数据单元格。

自闭合元素

某些HTML元素没有结束标签,而是自闭合的,例如:

html
<br> <!-- 换行 -->
<hr> <!-- 水平线 -->

这些元素在标签内直接结束,不包含内容。

属性

HTML元素可以包含属性,这些属性提供了元素的附加信息,属性在起始标签中定义。示例如下:

html
<a href="https://www.example.com" target="_blank">这是一个在新窗口中打开的链接</a>

在这个示例中,hreftarget 是链接元素的属性。

总的来说,HTML元素是构建网页内容和结构的基本单位,熟悉各种常见元素及其用法是学习和使用HTML的基础。