1.在webstorm中学习键盘输入“元素+TAB键=标签”2.学习<a></a>标签的功能及实践运用、缺点功能：超链接、建锚点等实践运用： 超链接：<a href="http://www.mamicode.com/超链接地址"></a>建锚点：①：创建锚点例：<a href="" name="名字">可添加文字</a>②：指向锚点例：<a href="http://www.mamicode.com/#对应的name名字">添加文字</a>注：在html中“#”起到一个分隔的作用，在css中代表ID缺点：需要刷新页面3.学习标签<img>的功能及实践运用功能：插入图片实践运用例：<img src="http://www.mamicode.com/图片的地址信息" alt="图片显示不了时写名称">拓展:"src"与“url”都表达的是地址信息4.无序标签<ul></ul>的实践运用无序标签需要与li元素在一起使用例：<ul>     <li>       内容      </li>   </ul>5.有序标签<ol></ol>的实践运用有序标签与无序标签有相同之处都需要与li元素一起使用例：<ol>     <li>       内容      </li>   </ol>6.自定义列表标签<dl></dl>的实践运用例：<dl>      <dt>          <dd>          </dd>            </dt>    </dl>注：dd元素代表表项内容    dt元素代表名称    但dd元素与dt元素是平级关系7.内联框架的实践运用方法：①：框架命名  ②：a标签例：<iframe src="http://www.mamicode.com/内容地址" frameborder="0或者1" name"名字"></iframe> 注：“0”代表狭义上的假，“1”代表狭义上的真    <a href="http://www.mamicode.com/内容地址" target="与name定义名字一样">内容</a>8.html表格实践运用 表格标签：table（表）row（行） td（表格的单元格）：deta数据 th（表头） caption（标题）tr（定义若干行）cellpadding（内边距） cellspacing（外边距） 三个语义化标签 <thead>    <tbody>    <tfoot> 三个注意：     “align”只针对于表格 cellpadding  只针对于表格 cellspacing  只针对于表格 实例：（演示一部分）      <table border="1">      <tr>      <td>row 1, cell 1</td>      <td>row 1, cell 2</td>      </tr>      <tr>      <td>row 2, cell 1</td>      <td>row 2, cell 2</td>      </tr>      </table>