HTML 教程 – 第二章：HTML 常用元素-谷穗社区

在上一章中，我们介绍了HTML的基本概念及其基本结构。现在，我们将继续深入探索HTML，并学习一些常用的HTML元素。

一、标题元素

HTML使用<h1>到<h6>标签来定义标题或子标题。<h1>定义最大的标题，<h6>定义最小的标题。

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="UTF-8">  
    <title>HTML 标题元素</title>  
</head>  
<body>  
    <h1>这是一个 h1 标题</h1>  
    <h2>这是一个 h2 标题</h2>  
    <h3>这是一个 h3 标题</h3>  
    <!-- 以此类推，直到 h6 -->  
</body>  
</html>

二、段落元素

<p>标签用于定义段落。浏览器会自动在段落前后添加一些空白。

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

三、链接元素

<a>标签用于创建超链接，可以链接到其他网页、图片、文件等。href属性指定链接的目标地址。

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

四、图片元素

<img>标签用于在网页中插入图片。src属性指定图片的来源地址，alt属性提供替代文本，用于在图片无法显示时显示。

<img src="image.jpg" alt="一张图片">

五、列表元素

HTML支持两种类型的列表：有序列表（<ol>）和无序列表（<ul>）。列表项使用<li>标签。

无序列表：

<ul>  
    <li>苹果</li>  
    <li>香蕉</li>  
    <li>橙子</li>  
</ul>

有序列表：

<ol>  
    <li>第一步</li>  
    <li>第二步</li>  
    <li>第三步</li>  
</ol>

六、表格元素

HTML使用<table>、<tr>（表格行）、<th>（表头单元格）和<td>（表格数据单元格）来创建表格。

<table>  
    <tr>  
        <th>姓名</th>  
        <th>年龄</th>  
    </tr>  
    <tr>  
        <td>张三</td>  
        <td>25</td>  
    </tr>  
    <tr>  
        <td>李四</td>  
        <td>30</td>  
    </tr>  
</table>

七、换行和水平线

<br>标签用于插入简单的换行符，<hr>标签用于插入水平线。

<p>这是一段文字。<br>这是新的一行。</p>  
<hr>  
<p>这是另一条水平线下面的文字。</p>

八、总结

在这一章中，我们学习了HTML的一些常用元素，包括标题、段落、链接、图片、列表、表格、换行和水平线。这些元素是构建网页的基本组件，掌握了它们，你就可以开始创建简单的网页了。在下一章中，我们将继续学习HTML的更多高级特性，如表单、CSS样式等。

文章版权归作者所有，未经允许请勿转载。

THE END

代码
# HTML教程