基础的HTML标签

每个HTML文档都包含以下几个基本部分:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>页面标题</title>
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一个段落。</p>
</body>
</html>


常用标签

标题标签
<h1> 到 <h6>:定义HTML标题。<h1> 是最高级别的标题,<h6> 是最低级别的标题。
<h1>这是主标题</h1>
<h2>这是次级标题</h2>

<b>:加粗文本。
<i>:斜体文本。
<br>:插入换行。
<p>:段落标签。
<p>这是一个段落。</p>
文字居中
<p style="text-align: center;">这段文字居中对齐。</p>
文字右对齐
<p style="text-align: right;">这段文字右对齐。</p>
文字左对齐
<p style="text-align: left;">这段文字左对齐(默认)。</p>

颜色代码格式
<p style="color: red;">这段文字是红色的。</p>
<p style="color: #FF0000;">这段文字是红色的。</p>

背景颜色代码
<div style="background-color: #FF0000;">这是红色背景</div>
------------------------------
<strong>:表示文本的重要性。
<p>这是一个 <strong>重要</strong> 的句子。</p>
------------------------------
<em>:表示强调的文本。


链接标签 <a>:定义超链接。
<a href="https://www.example.com">访问示例网站</a>

图像标签 <img>:向网页插入图片。
<img src="图片地址" alt="描述性文字">
链接地址


链接名称
列表标签
<ul>:无序列表。
<ol>:有序列表。
<li>:列表项。
<ul>
  <li>列表项 1</li>
  <li>列表项 2</li>
</ul>
<ol>
  <li>列表项 1</li>
  <li>列表项 2</li>
</ol>

表格标签
<table>:定义表格。
<tr>:表格行。
<th>:表头单元格。
<td>:标准单元格。
<table>
  <tr>
    <th>列 1</th>
    <th>列 2</th>
  </tr>
  <tr>
    <td>数据 1</td>
    <td>数据 2</td>
  </tr>
</table>