标签 - HTML

HTML（Hyper Text Markup Language），即超文本标记语言，是一种用于创建网页的标准标记语言。它由一系列的元素（element）组成，每个元素用于描述网页中的一部分内容。HTML 标签用于指定元素，并通过属性（attribute）来定义元素的行为和属性。

HTML 标签

HTML 元素通常由开始标签、结束标签和内容组成。开始标签和结束标签都是用尖括号（< 和 >）包围的，结束标签还要在元素名前加上一个斜杠（/）。元素的内容是开始标签和结束标签之间的文本或其他元素。

例如：

<h1>这是一个标题</h1>
<p>这是一段文本</p>

在这个例子中，<h1> 是一个开始标签，</h1> 是结束标签，<p> 是另一个开始标签，</p> 是它的结束标签。<h1> 元素包含了“这是一个标题”这段文本，<p> 元素包含了“这是一段文本”，两个元素组成了一个简单的 HTML 页面。

常用的 HTML 标签

HTML 中有很多标签可以用来创建不同的元素，以下是常用的标签：

标题和段落

<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>

<p>这是一段文本。</p>

列表

<ul>
    <li>列表项1</li>
    <li>列表项2</li>
</ul>

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

链接和图片

<a href="http://www.baidu.com">百度</a>

<img src="image.png" alt="图片">

表格

<table>
    <tr>
        <th>名称</th>
        <th>价格</th>
    </tr>
    <tr>
        <td>产品1</td>
        <td>100元</td>
    </tr>
    <tr>
        <td>产品2</td>
        <td>200元</td>
    </tr>
</table>

表单

<form action="/submit" method="post">
    <label>姓名：</label>
    <input type="text" name="name"><br>

    <label>性别：</label>
    <input type="radio" name="gender" value="male">男
    <input type="radio" name="gender" value="female">女<br>

    <label>年龄：</label>
    <select name="age">
        <option value="0-17">17岁及以下</option>
        <option value="18-30">18-30岁</option>
        <option value="31-50">31-50岁</option>
        <option value="51+">51岁以上</option>
    </select><br>

    <label>爱好：</label>
    <input type="checkbox" name="hobby" value="reading">阅读
    <input type="checkbox" name="hobby" value="sports">运动
    <input type="checkbox" name="hobby" value="music">音乐<br>

    <input type="submit" value="提交">
</form>

结论

HTML 标签是创建网页的基础。使用 HTML 标签可以创建不同的元素，从而实现丰富的网页内容。在学习 HTML 时，需要逐个学习常用的标签，并理解它们的意义和用法。