常用html标签介绍

                                                                                                                     常用html标签介绍

  1.html标签分为单标签和双标签，其中单标签是少数。无论是单标签还是双标签，自身必须闭合。
如： <p></p>  <br />
   2.html标签可以嵌套，但是不能相互嵌套，必须保持闭合。
     例如嵌套：<i><b></b></i>  正确
相互嵌套：<i><b></i></b>  错误

  3.标签
html单标签
     1.换行标签
   <br />
2.图片标签，alt在网页加载图片时，再出现问题时，在图片区显示的文字，title是将鼠标放到图片上显示的文字
   <img src='' alt='提示文字' title='提示文字'></img>
html双标签
 1.标题标签
    <h1></h1> 一号标题，字体最大
    <h2></h2>
    <h3></h3>
    <h4></h4>
    <h5></h5>
    <h6></h6>  六号标题，字体最小
 2.段落标签
    <p></p>
 3.原样输出标签,用于输出源码，或者换行的文字等
    <pre></pre>
 4.超链接标签,跳转链接网站(默认方式是覆盖本页面，当然可以通过设置target='_blank'新打开一个页面)
    <a href='',title='提示文字' target='_blank'></a>
 5.无序列表 ul表示列表，li表示列表中具体的项，在CSS中通过list-style设置列表形状
         <ul>
   <li></li>
</ul>
         6.有序列表 ol表示列表，li表示列表中具体的项。
         <ol>
     <li></li>
</ol>
         7.表格标签，在表格中，重点是表格的样式，列合并和行合并。
                <table>
         <tr>
   <td></td>
<td></td>
</tr>
               </table>

     通过<td>标签的colspan属性设置一个格占几列，来合并一行。 如colspan='N'
             通过<td>标签的rowspan属性设置一个格占几行，来合并一列。 如rowspan='N'
             通过table在CSS中的border-collapse:collapse;设置格与格之间边框融合
             通过table在CSS中的border-collapse:separate;设置格与格之间边框相互独立，不融合。
             通过table在CSS中的border-spacing:20px;设置格与格之间边框的距离。
     通过table在CSS中的empty-cells:hide;设置空格即<td></td>是否显示。
          8.内联标签
     内联标签也叫内联元素后者叫行内元素，与块状标签相比，不是独占一行，没有高，垂直方向上没有外边距和内边距。w3c称之为，行内框。<span></span> <a></a> <img /> <br />都是内联标签.
 当然还可以通过display属性实现块状标签和内联标签之间的互换。
 display:block;  转为块状元素
 display:inline; 转为内联元素
 display:none;   将标签和标签内的所有内容遮盖，等效于html文档没有这些标签。
 内联标签在结束后会留下一段空白(固定的行距，没有办法改变)，解决的办法是将内联标签转为块状标签。
 9.  <i></i>  字体变斜
 10.<b></b>  字体变粗 

   4.标签属性
         style                  样式，风格
width                 宽
height                高
background       背景