HTML的常用标签:https://www.cnblogs.com/xi1419/p/10117091.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>常用标签</title>
<!-- style标签设置样式 -->
<style type="text/css">
tr{
color: red;
}
</style>
<!-- <link rel="stylesheet" type="text/css" href="引入css的路径"> -->
</head>
<body>
<!-- form标签实现与服务器数据交流 -->
<form action="表单提交路径" method="post" enctype="multipart/form-data">
<a href="https://www.baidu.com" target="_blank">a标签-百度</a>
<a href="#username" target="_self">a标签-锚点</a>
<div>我是div</div>
<span>我是span</span>
<!-- ul无序、ol有序、dl标题 列表 -->
<ul type="disc">
<li>ul无序列表</li>
<li>ul无序列表</li>
</ul>
<!-- <ul type="circle"> -->
<ul type="square">
<li>ul无序列表</li>
<li>ul无序列表</li>
</ul>
<ol type="I" start="2">
<li>ol有序列表</li>
<li>ol有序列表</li>
</ol>
<dl>
<dt>dl自定义列表里的标题1</dt>
<dd>内容1</dd>
<dt>标题2</dt>
<dd>内容2</dd>
</dl>
<!-- 表格 -->
<table border="1" cellpadding="3" cellspacing="3" >
<thead>
<tr>
<th>序号</th>
<th>班级</th>
<th>姓名</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>一班(一般)</td>
<td>法外狂徒张三</td>
</tr>
<tr>
<td>2</td>
<td colspan="2">二班(二蛋)</td>
<!-- <td>日天</td> -->
</tr>
</tbody>
</table>
<!-- input输入、单选、多选、文件上传、日期时间、下拉选项 -->
<div>
<!-- label for属性和id一样就关联在一起 点击获得光标-->
<label for="username">用户</label>
<!-- disabled放在form表单中提交后得不到该值
将disabled="disabled" 改为 readonly = "readonly"只读即可
-->
<input id="username" type="text" name="zh">
</div>
<div>
<!-- label另一种转到光标方法 -->
<label>密码
<!-- password不显示明文 -->
<input type="password" name="mm">
</label>
</div>
<div>
<label>头像
<input type="file" name="avatar">
</label>
</div>
<div>日期
<input type="date" name="date">
</div>
<p>时间
<input type="time" name="time">
</p>
<P>性别
<!-- type="radio"单选框 -->
<input type="radio" name="boy">男
<input type="radio" name="girl">女
</P>
<p>爱好
<!-- type="checkbox"复选框 checked设置默认选项-->
<input type="checkbox" name="hobby" checked value="girl">女
<input type="checkbox" name="hobby" value="boy">男
<input type="checkbox" name="hobby" value="baoj">别开车
<input type="checkbox" name="hobby" value="dy">电影
</p>
<input type="submit" value="提交">
<input type="reset" value="重置">
<input type="button" value="普通按钮">
<input type="hidden" value="隐藏输入框">
<input type="file" name="文本框">
<!-- select下拉选项 -->
<div>
<!-- <select name="city" id="city" multiple> 设置成多选-->
<select name="city" id="city">
<option value="1">北京</option>
<!-- selected="selected"设置成default-->
<option selected="selected" value="2">上海</option>
<option value="3">广州</option>
<option value="4">深圳</option>
</select>
</div>
<!-- textarea 多行文本 rows行数 cols列数 disabled="disabled" 禁用-->
<textarea name="多行文本" rows="10px" cols="20px" >
...
</textarea>
</form>
</body>
<!-- <script type="text/javascript" src="引入js的路径"></script> -->
<script>
console.log('%好求余数:'+ 20 % 3)
</script>
</html>
HTML全部标签:https://blog.csdn.net/soraduo/article/details/98178484