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

最新推荐文章于 2022-11-15 14:56:40 发布

kissacm

最新推荐文章于 2022-11-15 14:56:40 发布

阅读量390

点赞数 1

分类专栏：网页制作

本文链接：https://blog.csdn.net/kissacm/article/details/50806099

版权

网页制作专栏收录该内容

5 篇文章 0 订阅

订阅专栏

今天准备多来一点

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

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

<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的内容了。。。今天就先这样吧！