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>
标签:表格,自定义,标签,常见,列表,HTML,下拉菜单,序列表
From: https://blog.51cto.com/u_15433911/7630064