h1----h6     p

 ul    li    无序列表      list-style-type:circle (空心圆)(看手册)

 ol   li     有序列表       list-style:none  取消设置

 

---------------------------------------- 

   html5  新语义标签

<header>我是头部</header>
<nav>我是导航</nav>
<article>
<h1>我是文章</h1>
<time>2015/12/26</time>
</article>
<aside>侧边栏</aside>
<footer>&copy;底部版权</footer>

 

-------------------------------------------------

  表格

   colspan 平衡合并     rowspan竖直合并

    td,th{border:1px solid black;}

   table{border-collapse:collapse;} (设置表格间距)

     <table>

  <tr>

           <th>

           </th>

</tr>

     <tr>

               <td>

              </td>

    </tr>

   </table>

 

---------------图片----------------  

   img{ width:200px;

             height:300px;

             margin:0px;

              padding:0px;

              display:block; (转换成块状元素)

          }

   <img  src="./tu.png"  alt="SEO优化"  title="图片提示">

 

-----------------a标签  超链接---------------

         <a   href=""  target="_blank"   title="显示连接内容"> </a>

 

----------------锚点----- id可以当锚点-------------

 <a  href="q1"></a>

   <a  name="q1"></a>

 

---------------css 伪类------------------

  a:link{color:black;}

a:visited{color:blue;}

   a:hover{color:red;}

 a:active{color:orange}

--------------- 字符实体-------------------------

    &lt; $gt;&copy &reg &nbsp  &yen   大于 小于 等于