HTML 元素列表 - HTML

HTML（Hyper Text Markup Language）是一种用于创建网页的标准标记语言。HTML 元素是构成 HTML 页面的基本构建单元。本文将列出 HTML5 中的主要元素及其简要描述，以帮助程序员更好地理解和使用 HTML。

标题

Markdown:

## 标题

h1-h6

HTML 有六个级别的标题，从 h1 到 h6。使用 h1 元素表示最高层级的标题，通常在页面中只使用一次。

HTML示例:

<h1>这是最高级别的标题</h1>
<h2>这是第二层级的标题</h2>
<h3>这是第三层级的标题</h3>
<h4>这是第四层级的标题</h4>
<h5>这是第五层级的标题</h5>
<h6>这是第六层级的标题</h6>

段落

Markdown:

## 段落

p

p 元素定义一个段落。段落是一组相关的文本。

HTML示例:

<p>这是一个段落。</p>
<p>这是另外一个段落。</p>

链接

Markdown:

## 链接

a

a 元素定义了一个超链接，可以链接到其他网页、文档、图片等资源。

HTML示例:

<a href="https://example.com">这是一个链接</a>

img

img 元素用于向 HTML 页面插入图像。需要设置 src 属性来指定图像文件的 URL，以及 alt 属性来指定当图像无法显示时的替换文本。

HTML 示例:

<img src="example.jpg" alt="这是一个示例图像">

列表

Markdown:

## 列表

ul

ul 元素定义了一个无序列表。

HTML 示例:

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

ol

ol 元素定义了一个有序列表。

HTML 示例:

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

表格

Markdown:

## 表格

table

table 元素定义了一个 HTML 表格。

HTML 示例:

<table>
  <tr>
    <th>表头1</th>
    <th>表头2</th>
  </tr>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
  <tr>
    <td>单元格3</td>
    <td>单元格4</td>
  </tr>
</table>

表单

Markdown:

## 表单

form

form 元素用于创建表单。

HTML 示例:

<form action="/submit" method="post">
  <label for="input1">输入框1:</label>
  <input type="text" id="input1" name="input1">
  <br>
  <label for="input2">输入框2:</label>
  <input type="text" id="input2" name="input2">
  <br>
  <input type="submit" value="提交">
</form>

input

input 元素用于创建表单中的各种输入框，如文本框、单选框、复选框等。

HTML 示例:

<label for="username">用户名:</label>
<input type="text" id="username" name="username">
<br>
<label for="password">密码:</label>
<input type="password" id="password" name="password">

总结

本文介绍了 HTML5 中的一些主要元素，包括标题、段落、链接、列表、表格和表单。HTML 元素是构建 HTML 页面的基本单元，理解这些元素对于编写高质量的 HTML 代码至关重要。