HTML中的常见标签
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>2023年4月11日</title>
</head>
<body>
    <p>
        <!-- 体验br标签 -->
        妈妈同时还是我的“铁杆”支持者。每当我取得好成绩的时候,妈妈总是在远处高高地竖起大拇指,为我祝福;<br>每当我失败的时候,妈妈总是鼓励我继续努力。让我记忆最深刻的就是2007年参加全省古筝大赛的时候,我们一起去的三个好朋友,她们的成绩都比我好。当我得知比赛结果时,心里难受极了,眼泪也忍不住流了下来。妈妈轻轻地擦干了我的眼泪,把我拉到一边,小声地对我说:“比赛结果并不重要,重要的是这次我们有勇气参加了,而且看到了其他同学的优点,也发现了自己的不足,回家后我们还需要继续努力,下次再和她们比一比,好不好?”
    </p>
    <!-- 水平线标签 -->
    <hr>
    <!-- 加粗标签 -->
    <b>加粗标签</b>
    <!-- 删除线标签 -->
    <del>删除线标签</del>
    <!-- 图片标签 -->
    <img src="." alt="">
    <!-- 音频标签 -->
    <audio src="." controls></audio>
    <!-- 视频标签 -->
    <video src="." controls></video>
    <!-- 超链接标签 -->
    <a rel="nofollow" href="">超链接</a>
    <!-- 创建新页面的超链接 -->
    <a rel="nofollow" href="01网页HTML.html" target="_blank">创建新页面的超链接</a><br>
    <!-- 无序列表 -->
    <ul>
        <li>无序列表</li>
        <li>无序列表</li>
        <li>无序列表</li>
    </ul>
    <!-- 有序列表 -->
    <ol>
        <li>有序列表</li>
        <li>有序列表</li>
        <li>有序列表</li>
    </ol>
    <!-- 自定义列表 -->
    <dl>
        <dt>自定义列表</dt>
        <dd>自定义列表</dd>
        <dt>自定义列表</dt>
        <dd>自定义列表</dd>
        <dt>自定义列表</dt>
        <dd>自定义列表</dd>
    </dl>
    <!-- 表格标签 -->
    <table>
        <tr>
            <th>表格标签</th>
            <th>表格标签</th>
            <th>表格标签</th>
        </tr>
        <tr>
            <td>表格标签</td>
            <td>表格标签</td>
            <td>表格标签</td>
        </tr>
        <tr>
            <td>表格标签</td>
            <td>表格标签</td>
            <td>表格标签</td>
        </tr>
    </table>
    <!-- 表单标签 -->
        文本框:<input type="text" name="" id="">
        <input type="password" name="" id="">
        <input type="radio" name="" id="">
        <input type="checkbox" name="" id="">
        <input type="submit" value="提交">
        <!-- 密码框 -->
        <input type="password" name="" id="">
        <!-- 用户名框，并提示请输入用户名 -->
        <input type="text" name="" id="" placeholder="请输入用户名">
        <br><br>
        <!-- 单选框，单选可选择的有：未婚、离异、丧偶 name后面的值相同的为一组-->
        <input type="radio" name="marriage" id="">未婚
        <input type="radio" name="marriage" id="">离异
        <input type="radio" name="marriage" id="">丧偶
        <br><br>
        <!-- 上传多个文件 -->
        <input type="file" name="" id="" multiple>
        <!-- 按钮标签 -->
        <button>按钮标签</button>
        <!-- 表单标签实现按钮 -->
        <input type="button" value="表单标签实现按钮">
        <!-- 表单标签实现重置按钮 -->
        <input type="reset" value="表单标签实现重置按钮">
        <br><br>
        <!-- 下拉菜单标签 -->
        <select name="" id="">
            <option value="">下拉菜单标签</option>
            <option value="">下拉菜单标签</option>
            <option value="">下拉菜单标签</option>
        </select>
        <br><br>
        <!-- 文本域标签 -->
        <textarea name="" id="" cols="30" rows="10"></textarea>
        <br><br>
        <p>
            <!-- 实现点文字或者选择框都可以进行选择 -->
            性别：<input type="radio" name="sex" id="nan"> <label for="nan">男</label>
                <input type="radio" name="sex" id="nv"> <label for="nv">女</label>
        </p>
    
        <!-- 不创建新页面的超链接 -->
        

</body>
</html>