深夜学网页（5）——html（5）

今天准备多来一点

相对路径：网站内部链接一般是指同一个站点不同网站的链接。

链接这里一般是这样使用的：

<a href="http://write.blog.csdn.net/postedit">CSDN</a>

设置图像映射：

<img src="geek1.jpg" usemap="#map1" width="150" height="50" border="0" alt="apple">
<map name="map1">
<area shape="rect" cords="2,9,149,40" href="http://write.blog.csdn.net/postedit">
</map>

上面就是链接的初步运用
下面谈谈表格：

<table width="760" border="1">
<caption>sdasd</caption>
<tr>
<th>sdsadsa</th>
<td align="center" valign="middle"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th>sdsadsa</th>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th>sdsadsa</th>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

其中，<tr>表示行标记，<td>表示列标记，<th>标记表头，<caption>标记标题

<tr>表示插入一行 <td>表示插入一列 <th>一般放于<tr></tr>之间，代表一个表头

下面来看看表格的划分

<table width="760" height="40" border="1">
<caption>sdasd</caption>
<thead>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</thead>
<tbody>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
<tfoot>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tfoot>
</table>

其中<thead>表示定义一组表头行，<tbody>表示定义表格主体部分，<tfoot>表示给表格添加一个标注

下面是一些属性

<table width="760" height="40" border="1" frame="above" rules="all" bgcolor="#CB0D10" ></table>

前面三个就不说了，frame表示表格边框的样式，rules表示表格内部边框的属性

<table width="760" height="90" border="1" rules="all" bgcolor="#FCFCFC" cellspacing="2" cellpadding="5">
<tr align="center">
<td rowspan="2">daasd</td>
<td>dfdfdd</td>
<td>dsfg</td>
<td>sadsa</td>
</tr>
<tr align="center" valign="middle">
<td>gffdg</td>
<td>dfrgt</td>
<td>dgfgf</td>
</tr>
</table>

解释一下，这里面，align设置一个单元格文本的横向的情况，valign记录单元格竖向的情况，roespan表示一个类似于合并单元格的效果

table标签中，cellpadding设置单元格边距，colspan设置单元格跨列，cellspacing设置单元格的间距

当然，表格的呈现还需要练习的过程，所以这里就不去细细说明了。

后来的就要慢慢涉及到CSS的内容了。。。今天就先这样吧！