HTML标签

<!--常见form表单元素-->

<form action="qqq.qqq" method="post">

     <input type="text" name="UserName"/>
     <input type="password" name="Pwd"/>
     <select name="sColor" multiple="multiple">
     <option>--请选择--</option>
     <option>红色</option>
     <option>蓝色</option>
     <option>紫色</option>
     </select>
     <input type="file" name="ffile"/>
     <input type="radio" name="sex" id="nan"/><label for="nan">男</label>
      <input type="radio" name="sex" id="nv"/><label for="nv">女</label>
      <input type="checkbox"/>真的吗？
      <input type="checkbox"/>真的
      <textarea name="ttext" cols="50" rows="30"/></textarea>
      <input type="reset"/>

      <input type="submit"/>

      </form>

<!--HTML5中 form表单元素-->
<form>
<input type="email" />
<!--验证网站格式-->
<input type="url" />
<input type="tel" />
<input type="number" min="1" max="10" step="1" />
<input type="range" min="1" max="10" step="1" />

<input type="date" />
<input type="color" />
<input type="month" />
<input type="week" />

<input type="submit" />
</form>

<!--列表标签-->
<!--无序标签-->
<ul>
  <li>你好</li>
  <li>你好</li>
  <li>你好</li>
</ul>
<!--有序标签-->
<ol>
  <li>你好</li>
  <li>你好</li>
  <li>你好</li>
 </ol>
<!--定义标签-->
<dl>
  <dt>你吃饭了吗？</dt>
  <dd>吃了。</dd>
</dl>

<!--转义标签-->
&lt;body&gt;
<!--缩写说明标签-->
<abbr title="说明">HTML</abbr>

<!--音频标签-->
<audio src="音频内容.格式" controls="controls" autoplay="autoplay"></audio>
<video src="视频内容.格式" controls="controls" autoplay="autoplay"></video>

HTML5 新增的结构标签（现在用的多的还是div）

    主题结构标签

header  nav article section aside footer

定义列表标签：普通的列表和菜单用<menu><li>内容</li><li>内容</li><li>内容</li></menu>

存放地址标签：adress（更具语义化）；div和span标签也可以设定地址标签。

<!--进度条-->
<progress value="5" max="10"></progress>

<!--高亮显示（提高文字权重）-->
我是一个<mark>大帅哥</mark>

<!--时间信息标签-->
<time>2017-7-15</time>

<!--定义选项列表（文本框和下拉菜单）-->
<input type="text" list="taglist" >
<datalist id="taglist">
<option>你好</option>
<option>好</option>
</datalist>

<!--定义文档细节-->

<details>
 <summary>你可能对这些问题感兴趣</summary>
 <p>怎么学习html</p>
 <p>需要什么开发工具</p>
 </details>

<!--b标签 粗体-->
<b>你好</b>
<!--i标签 斜体-->
<i>你好</i>
<!--u标签 下划线-->
<u>你好</u>
<!--s标签 删除线-->
<s>你好</s>
<!--sup标签 上标-->
p²
<!--sub标签 下标-->
p₂
<!--br标签-->
你<br/>
好<br/>
<!--pre标签 保留空格和换行-->
<pre>你好 你好
你好
你好</pre>