XHTML第二节

最近这段时间有些忙,一直没有接着写XHTML第二节,还请各位博友见谅。以后我会争取时间继续写下去的。^_^
今天介绍下HTML中的表格(talbe)。
一、talbe的一般属性。
<table width="宽度" height="高度" background="背景图像" bgcolor="背景颜色" cellpadding="单元格边距" cellspacing="单元格间距" border="边框宽度" bordercolor="边框颜色" align="水平对齐方式[left,center,right]">
<tr width="宽度" height="高度" background="背景图像" bgcolor="背景颜色" align="水平对齐方式[left,center,right]">
<td width="宽度" height="高度" background="背景图像" bgcolor="背景颜色" align="水平对齐方式[left,center,right]" valign="垂直对齐方式[top,middle,bottom]">文本内容
</td>
</tr>
</table>
说明:table,tr,td的参数不一定都用上,只要可以达到你想要的效果就可以了。上面的参数你可以根据下面的例子改改,这样可以方便你的效果记忆。
实例:
<table width="450px" height="400px" background="images/01.jpg" cellpadding="0" cellspacing="0" border="1px" bordercolor="#006699" align="center">
    <tr>
        <td valign="middle" align="center">欢迎光临赵庆贝博客</td>
    </tr>
</table>
上面的images/01.jpg则为你的路径。可以自己定义一张图片,下面的附件即为我的图片。
二、合并单元格
行合并:rowspan="数字"
列合并:colspan="数字"
例:
合并前的效果:
<table width="500" height="500" cellpadding="0" cellspacing="0" bgcolor="#eee" border="1" bordercolor="#009900" align="center">
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
    <tr>
        <td>5</td>
        <td>6</td>
        <td>7</td>
        <td>8</td>
    </tr>
    <tr>
        <td>9</td>
        <td>10</td>
        <td>11</td>
        <td>12</td>
    </tr>   
</table>
合并后的效果:
<table width="500" height="500" cellpadding="0" cellspacing="0" bgcolor="#eee" border="1" bordercolor="#009900" align="center">
    <tr>
        <td>1</td>
        <td colspan="2">23</td>
        <td>4</td>
    </tr>
    <tr>
        <td rowspan="2">59</td>
        <td>6</td>
        <td>7</td>
        <td>8</td>
    </tr>
    <tr>
        <td>10</td>
        <td>11</td>
        <td>12</td>
    </tr>   
</table>
注释:合并单元格:
1、先合并其想要合并的内容;
2、再将其<td>里面写代码:rowspan="数字"或者colspan="数字"。
三、网页中插入Flash标记
<embed src=\'#\'" width="宽度" height="高度"></embed>
例子可下载.
注:插入flash动画时,如果不赋予flash文件的宽度和高度则它是不会整体放大显示的,并不是正常比例,所以一定要赋予其宽度和高度。




本文出自 “赵庆贝” 博客,转载请与作者联系!

你可能感兴趣的:(XHTML,职场,table,休闲)