1.   <!-- !    快速生成标签 -->

！回车会立刻生成模板

2.    <!-- CTRL + /  生成注释-->

3.     文本标签 <!-- span 文本标签 -->

生成如下：                          

4.    <!-- h1-h6标题标签 --> 大小依次递减

                  生成： 

5、 <!-- div 竖着布局的标签 -->

6、<!-- p 段落标签 -->

 明显间距变大

7、<!-- a  超链接标签  href属性，后面跟着链接   target设置资源打开方式  _blank新窗口，——self 本窗口-->

 

8、 <img  src="../捕获.GIF"  alt="说明图片是个啥东西" width="300">  

<!-- src图片资源的地址

 相对路径：访问资源与被访问资源的关系 ../桌面的资源池

 绝对关系：被访问资源的绝对地址

-->

9、<!-- ul li 列表标签 -->

 

10、 <!-- br换行标签 --> 、

11、 <!-- tr表示行 td 单元格  th 加粗居中  cellspacing 单元格之间的距离  cellpadding 设置单元格与汉字之间的距离(单元格的填充度)-->

  <!-- thead 脱离顺序跑最上面    tfoot 跑最下面  tbody 身子 -->

12、<!-- 窗口标签 frameboder="0"去掉边框    name 窗口的名字 -->

 

13、

<!-- 收集用户信息的标签 input ，根据type来区分-->

<!-- 单选 type=radio,name属性一样的是一组-->

 <!-- type=checkbox是多选 -->

<!-- (select)是多选option是有一个下拉文本框 -->

<!-- 多行文本域  textarea,rows多少行，cols一行多少字 -->

 <!-- button按钮，value是按钮的名字，submit提交按钮，reset重置按钮 -->

<!-- form 表单标签 -->