html整体结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>
<body>
<!-- 这是html的注释格式-->
这是一个html页面！
</body>
</html>
纯粹展示标签
1 块级标签
<h1></h1> #标题标签
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<div></div> #块标签
<ul> #无序列表标签
<li></li>
<li></li>
<li></li>
</ul>
<ol> #有序列表标签
<li></li>
<li></li>
<li></li>
</ol>
2 行内标签
<span></span> #行内标签
<a></a> #超链接标签
<a href=”URL”>请点击此处</a> #打开超链接（覆盖本页面）
<a href=”URL” target=”_blank”>请点击此处</a> #打开超链接（跳转新页面）
<img src="/static/picture.jpg"/> #图片标签
<table border="1"> #表格标签
<thead> #表头
<tr> #代表一行
<th> #代表一个字段
</th>
</tr>
</thead>
<tbody> #表的内容
<tr> #代表一行
<td> #代表一个字段
</td>
</tr>
</tbody>
</table>
数据交互标签
1 input系列
#上传文件按钮
<input type="text">
<input type="password">
<input type="file">
#单选框
<input type="radio" name="sex" value="1">男
<input type="radio" name="sex" value="2">女
#复选框
<input type="checkbox" name="hobby" value="10">篮球
<input type="checkbox" name="hobby" value="20">足球
<input type="checkbox" name="hobby" value="30">羽毛球
<input type="checkbox" name="hobby" value="40">斯诺克
#按钮
<input type="button" value="提交"> #普通按钮
<input type="submit" value="提交"> #提交表单
2 下拉框
#单选下拉框
<select name="city">
<option value="bj">北京</option>
<option value="sh">上海</option>
<option value="gz">广州</option>
<option value="sz">深圳</option>
</select>
#多选下拉框
<select name="skill" multiple>
<option value="cf">吃饭</option>
<option value="sj">睡觉</option>
<option value="xy">吸烟</option>
<option value="sdy">刷抖音</option>
</select>
3 多行文本
<textarea></textarea>
4 form表单(四大要素缺一不可)
<form method="get" action="/login">
用户名：<input type="text" name="username"/>
密码：<input type="password" name="password"/>
<input type="submit" value="提交"
</form>
