01常用快捷键 ctrl+/ 等
02文本格式化标签 <strong>等
03图片标签 <img src="lzl.jpg" alt="" title="" />
04超链接——绝对相对路径
05锚点
06列表
列表快捷键
<ul>
<li><a href=""></a></li>
</ul>
ul>li>a 然后按Tab键盘，就可以快速构建
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
ul>(li>a)*3 然后按Tab键，就可以快速撰写
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
ul>(li>a[#])*3 然后按Tab键，就可以快速撰写
07音乐标签<embed src="1.mp3" hidden="true">
<marquee behavior="slide" direction="up" height="300px" bgcolor="orange"><img src="swk.jpg" alt=""></marquee> ——（加图片）
08网页描述
<!-- 关键字 -->
<meta name="keywords" content="Java培训,Android培训">
<!-- 网页描述 -->
<meta name="description" content="传智播客">
<!-- 网页重定向 -->
<meta http-equiv="refresh" content="5; http://www.itcast.cn"> （5秒跳转）
<!-- 链接外部样式表文件 -->
<link rel="stylesheet" href="1.css">
<!-- icon图标 -->
<link rel="icon" href="favicon.ico">
09表格
表格快捷键 table>tr*3>td*4
<table bgcolor="yellow" border="4" width="500" height="300" cellspacing="12" cellpadding="10">
<tr align="center">合并单元格（用的少）
<tr>
<td colspan="3"></td>
<!-- <td></td>
<td></td> -->
</tr>
<tr>
<td valign="middle"> 张三</td>
<td></td>
<td rowspan="2"></td>
</tr>
<tr>
<td></td>
<td></td>
<!-- <td></td> -->
</tr>
表格内容垂直对齐
valign="bottom"
标题，自动加粗th
细线表格 bgcolor
表格题目caption
10表单
<fieldset>
<legend>分组信息</legend>
用户名:<input type="text" maxlength="6" name="username" value="大前端">
密码:<input type="password" name="pwd">
<form action="1.php" method="post">
<fieldset>
<legend>分组信息</legend>
<!-- 文本输入框 -->
用户名:<input type="text" maxlength="6" name="username" value="大前端">
<br>
<br>
<!-- 密码输入框 -->
密码:<input type="password" name="pwd">
<br>
<br>
<!-- 单选框 -->
<input type="radio" name="gender" checked="checked">男
<input type="radio" name="gender">女
<br><br>
<!-- 下拉列表 -->
省(市)： <select>
<option>河北</option>
<option>山西</option>
<option>山东</option>
<option selected="selected">北京</option>
</select>
<!-- 下拉列表多选 -->
<select multiple="multiple">
<option>河北</option>
<option>山西</option>
<option>山东</option>
<option selected="selected">北京</option>
</select>
市(区):<select>
<!-- 下拉列表信息分组 -->
<optgroup label="北京市">
<option>昌平区</option>
<option>海淀区</option>
<option>朝阳区</option>
<option>大兴区</option>
</optgroup>
<optgroup label="广州市">
<option>昌平区</option>
<option>海淀区</option>
<option>朝阳区</option>
<option>大兴区</option>
</optgroup>
</select>
<br><br>
<!-- 多选框 -->
<input type="checkbox" checked="checked">喝酒
<input type="checkbox" checked="checked">抽烟
<input type="checkbox" checked="checked">烫头
<!-- 多行文本框 -->
<textarea cols="130" rows="10"></textarea><br><br>
<!-- 文件上传控件 -->
<input type="file">
<br><br>
<!-- 文件提交按钮 -->
<!-- <input type="submit"> -->
<!-- 普通按钮 -->
<!-- <input type="button" value="普通按钮"> -->
<!-- 图片按钮 -->
<input type="image" src="按钮.jpg">
<!-- 重置按钮 -->
<input type="reset">
</fieldset>
</form>
11html5新特性
<body>
<form action="1.php" method="post">
<!-- 网址控件 -->
<!-- <input type="url"> -->
<!-- 日期控件 -->
<!-- <input type="date"> -->
<!-- 时间控件 -->
<!-- <input type="time"> -->
<!-- 邮件控件 -->
<!-- <input type="email"> -->
<!-- 数字控件 -->
<!-- <input type="number" step="5"> -->
<!-- 滑块控件 -->
<!-- <input type="range"> -->
<input type="submit">
</form>
</body>
来源：https://www.cnblogs.com/zhuxiushi/p/9033918.html