20150916-html第一次课

　　<i></i>斜体

　　<u></u>下划线

　　<s></s>删除线

　　文字表在字体上方

　　文字标在字体下方

六、body属性

　　bgcolor 网页背景颜色

　　background 网京图片

　　text 网页背景文字颜色

七、列表标签

　　1、有序列表

    <ol>

         <li>列表1</li> 

         ... 

         <li>列表3</li> 

    </ol>

　　2、无序列表

     <ul>

         <li>列表1</li> 

         ...

         <li>列表3</li> 

    </ul>

八、表格

　　1、布局

　　<table>

　　　　<caption>表格标题</caption>

　　　　　　<tr>

　　　　　　　<th>表头1</th>

　　　　　　　<th>表头2</th>

　　　　　</tr>

　　　　　<tr>

　　　　　　<td>列表1</td>

　　　　　　<td>列表2</td>

　　　　</tr>

　</table>

　　2、属性

　　　　border，边框宽度；cellspacing，表格内框的宽度；cellpadding,表格内的文字至四周边框的距离；Height,高度；width,宽度； bordercolor，边框颜色； bgcolor，背景颜色； align，表格在网页中的水平对齐方式

　　3、行列属性

　　　　高：height； 框颜色：bordercolor； 背景色：bgcolor； 水平对齐：align； 垂直对齐：valign

 　  4、跨行跨列

　　　　跨行：rowspan  跨列：colspan

 　  5、表格标题

　　　　<caption align=top或bottom>，位于表格上方或下方.　　　

九、图片标记

　　图片标记：<img src="图片路径" >

　　图片属性：高度：height； 宽度：width； 边框宽度：border； 优先读低分辨率图：lowsrc； 文字标注：alt

十、超链接

　　<a href=”链接位置”>超链接名称</a>  必须加http（超文本传输协议）

      html空链接: href="#"与href="javascript:;"的区别，前面其实跳转，后面不跳转，用户体验更好点。

　　图片链接：<a href="http:\\www.baidu.com"><img src="tupian.jpg"></a>

十一、其他标签

     换行标签  <br/>

     水平线标签 <hr/>

     空格&nbsp;

     加粗<b></b>

     倾斜<i></i>

     下划线<u></u>

     删除线<s></s>

     p_2 p₂

     p^2 p²

十二、相对路径

      绝对路径： src="http://www.a.com/b.jpg" 或"d:/web/c.jpg"

　　相对路径:   src="../../c/d.jpg"

最后总结：虽然有些html有自己的属性，去设置该标签的外观，但是，在真正做项目的时候不用这些属性，全部用CSS去做