HTML代码大全

HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言，它可以用来组织网页的内容，包括文本、图片、链接等元素，下面是一些常用的HTML标签和属性的示例：

## 1. 标题标签

HTML使用<h1>到<h6>标签来定义标题，<h1>是最大的标题，<h6>是最小的标题，浏览器通常会根据标题的大小自动设置字体大小和粗细。

Markup

<h1>这是一个大标题</h1>
<h2>这是一个中等大小的标题</h2>
<h3>这是一个小标题</h3>
<h4>这是一个更小的标题</h4>
<h5>这是一个最小的标题</h5>
<h6>这是比最小标题还小的标题</h6>

## 2. 段落标签

HTML使用<p>标签来定义段落，一个段落通常包含一些相关的文本。

Markup

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

## 3. 链接标签

HTML使用<a>标签来定义超链接，超链接可以链接到同一页面的其他部分，也可以链接到其他页面或者网站。

Markup

<!-- 链接到同一页面的其他部分 -->
<a href="#section1">跳转到第一部分</a>

<!-- 链接到其他页面 -->
<a href="https://www.example.com">访问Example网站</a>

## 4. 图像标签

HTML使用<img>标签来插入图像，图像可以是JPEG、PNG、GIF等格式的文件。

Markup

<img src="image.jpg" alt="这是一个图像">

## 5. 列表标签

HTML有几种类型的列表标签，包括无序列表（<ul>）、有序列表（<ol>）和自定义列表（<dl>），列表项由<li>标签定义。

Markup

<!-- 无序列表 -->
<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ul>

<!-- 有序列表 -->
<ol>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ol>

<!-- 自定义列表 -->
<dl>
  <dt>术语1</dt>
  <dd>定义1</dd>
  <dt>术语2</dt>
  <dd>定义2</dd>
  <dt>术语3</dt>
  <dd>定义3</dd>
</dl>

## 6. 表格标签

HTML使用<table>、<tr>、<td>等标签来创建表格，表格由行（<tr>）和单元格（<td>）组成，表头通常由<th>标签定义。

Markup

<table border="1">
  <tr>
    <th>表头1</th>
    <th>表头2</th>
    <th>表头3</th>
  </tr>
  <tr>
    <td>数据1</td>
    <td>数据2</td>
    <td>数据3</td>
  </tr>
  <tr>
    <td>数据4</td>
    <td>数据5</td>
    <td>数据6</td>
  </tr>
</table>