📜  常见的 html 标签 - Html (1)

📅  最后修改于: 2023-12-03 14:54:07.338000             🧑  作者: Mango

常见的 HTML 标签

什么是 HTML

HTML 是一种用于创建网页的标记语言。通过使用 HTML 标签,我们可以将各种元素组合在一起,并以特定的格式呈现在网页上。

常见的 HTML 标签

下面是常见的 HTML 标签,您可以在自己的页面中使用它们:

标题标签

标题标签用于定义网页的标题。您可以使用 6 级标题标签,从 h1h6,以指示标题的级别和重要性。

# h1 标题
## h2 标题
### h3 标题
#### h4 标题
##### h5 标题
###### h6 标题
段落标签

段落标签 p 用于定义一个段落。如果您想创建一个新段落,请使用新的 p 标签。

<p>这是一个段落。</p>
<p>这是另一个段落。</p>
链接标签

链接标签 a 用于创建超链接。您可以在标签的属性中指定链接的 URL 或指向的页面。

<a href="https://www.example.com">这是一个链接</a>
图像标签

图像标签 img 用于向网页中添加图像。您可以在标签的属性中指定图像的 URL。

<img src="image.jpg" alt="图像的描述">
列表标签

列表标签用于创建项目的列表。有两种类型的列表标签:无序列表标签 ul 和有序列表标签 ol

<ul>
    <li>这是一个列表项</li>
    <li>这是另一个列表项</li>
</ul>

<ol>
    <li>这是一个有序列表项</li>
    <li>这是另一个有序列表项</li>
</ol>
表格标签

表格标签 table 用于创建表格。您可以在表格中添加行和列,并使用 td 标签定义表格单元格中的内容。

<table>
    <thead>
        <tr>
            <th>表头 1</th>
            <th>表头 2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>行 1,列 1</td>
            <td>行 1,列 2</td>
        </tr>
        <tr>
            <td>行 2,列 1</td>
            <td>行 2,列 2</td>
        </tr>
    </tbody>
</table>
表单标签

表单标签 form 用于创建表单。您可以在表单中添加输入字段和提交按钮,以收集用户的输入。

<form>
    <label for="name">名字:</label>
    <input type="text" id="name" name="name"><br><br>
    <label for="email">电子邮件:</label>
    <input type="email" id="email" name="email"><br><br>
    <input type="submit" value="提交">
</form>
结论

这些 HTML 标签是常见的并且在网页设计中使用频繁的标签。通过掌握这些标签,您可以创建出美观而有用的网页。