HTML 标签(1) - 芒果文档

📌 相关文章

📜 HTML 标签(1)

📅 最后修改于: 2023-12-03 15:01:17.180000 🧑 作者: Mango

HTML 标签

HTML（HyperText Markup Language）是一种标记语言，用于构建网页的结构和内容。HTML 使用标签（tag）来描述网页的不同元素，如标题、段落、链接等。标签以尖括号包围，通常成对出现（有些标签是单标签），包含开始标签和结束标签。

常用 HTML 标签

以下是一些常用的 HTML 标签：

文本内容标签

<h1> 到 <h6> 标签用于定义标题，从大号到小号。
<p> 标签用于定义段落。
<a> 标签用于创建链接。
<em> 标签用于强调文本。
<strong> 标签用于加重文本。
<blockquote> 标签用于引用文本。
<pre> 标签用于保留文本格式。

图像和多媒体标签

<img> 标签用于插入图像。
<video> 标签用于插入视频。
<audio> 标签用于插入音频。

列表标签

<ul> 标签用于创建无序列表。
<ol> 标签用于创建有序列表。
<li> 标签用于定义列表项。

表格标签

<table> 标签用于创建表格。
<tr> 标签用于定义表格行。
<td> 标签用于定义表格单元格。

表单标签

<form> 标签用于创建表单。
<input> 标签用于创建输入字段。
<button> 标签用于创建按钮。
<select> 标签用于创建下拉列表。
<textarea> 标签用于创建文本区域。

代码示例

下面是一个简单的 HTML 页面示例：

<!DOCTYPE html>
<html>
<head>
    <title>我的网页</title>
</head>
<body>
    <h1>欢迎来到我的网页</h1>
    <p>这是一个段落。</p>
    <a href="https://www.example.com">点击这里访问示例网站</a>
    
    <h2>图片展示</h2>
    <img src="image.jpg" alt="示例图片">

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

    <h2>表单</h2>
    <form>
        <label for="name">姓名：</label>
        <input type="text" id="name" name="name" required>
        <br>
        <label for="email">邮箱：</label>
        <input type="email" id="email" name="email" required>
        <br>
        <button type="submit">提交</button>
    </form>
</body>
</html>

这只是 HTML 中的一小部分标签，还有很多其他标签可以用于创建各种网页元素。你可以根据需要进一步学习和掌握 HTML 标签的使用。