html(2)

8、图片

<img src=”../*.png”  alt=”图片无法显示时用什么文本来替换”   title=”鼠标经过时显示的内容”  border=”设置图片边框”/ align=”left”(图片靠在，文字靠右) hspace=”3”(文字与图片的水平边距)>这是文字

图片居中<p align=”center” ><img src=”” alt=”” title=””/></p>

9、表格

<tableborder=”1”  cellpadding=”10(单元格内容与单元格边框距离)” bordercolor=”blue”  cellspacing=”20(单元格与单元格之间的距离)” rules=”none”(只显示表格外部边框线)>

<captionalign=”left”>表格的标题</caption>

</table>

10、表格的基本练习

<center><ol>

<li>表格基本样式</li>

<table width=”600” bordercolor=”black”border=”1” cellspacing=”0”>

    <colgroupbgcolor=”red” span=”2”></colgroup><!—前两列变红-->

    <colgroup span=”2”></colgroup>

    <colgroup bgcolor=”red”></colgroup><!—第三列变红-->

<thead><tr><td>1.1</td><td>1.2</td><td>1.3</td></tr></thead>

<tbody><tr><td>2.1</td><td>2.2</td><td>2.3</td></tr></tbody>

<tfoot><tr><td>3.1</td><td>3.2</td><td>3.3</td></tr></tfoot>

</table>

<li>合并多列表格</li>

<table width=”600”bordercolor=”black” border=”1” cellspacing=”0”>

<tr><td colspan=”3”  align=”center” valign=”bottom”>1.1</td></tr>(第一行的3列合在一起)

<tr><td>2.1</td><td>2.2</td><td>2.3</td></tr>

<tr><td>3.1</td><td>3.2</td><td>3.3</td></tr>

</table>

       <li>合并多行表格</li>

<table width=”600”bordercolor=”black” border=”1” cellspacing=”0”>

<tr ><td rowspan=”3” >1.1</td><td>1.2</td><td>1.3</td></tr>

<tr><td>2.2</td><td>2.3</td></tr>

<tr><td>3.2</td><td>3.3</td></tr>

</table>

       <li>表格凸（凹）陷效果</li>

<table width=”600” bgcolor=”gray”border=”1” bordercolorlight=”black(white)” cellpadding=”5” bordercolordark=”white(black)”>

<tr><td>1.1</td><td>1.2</td><td>1.3</td></tr>

<tr><td>2.1</td><td>2.2</td><td>2.3</td></tr>

<tr><td>3.1</td><td>3.2</td><td>3.3</td></tr>

</table>

立体表格效果：将表格的亮边框颜色跟暗边框颜色，进行对比

</ol></center>