HTML笔记-3

来源：互联网发布：知乎无锡美食编辑：程序博客网时间：2024/05/22 10:31
<!doctype html><html><head><meta charset="utf-8"><title>Frist Title</title></head><body bgcolor="#5CB1C7"><!--表格的创建如下，举个例子：--><!--<table></table>是表格的开始与结束1.boder用于设置边框的宽度，越大越宽，不指明默认为0，即无边界2.bordercolor设置其边框颜色3.width设置其宽度属性4.height设置高度5.align来设置对齐模式6.cellspacing来设置内框的宽度,其单位是像素7.cellpadding是用于设置文字与边框的间距，也是以像素为单位8.bgcolor设置其背景颜色9.background可用于设置表格的背景图像--><table border="1"  bordercolor="#C82426" width="250" align="center"    cellspacing="0" cellpadding="10" background="test.jpg">  <!--<caption></caption>是其表格标题-->     <caption>测试表</caption>    <!--<tr></tr>是行的开始与结束-->    <!--<th></th>为标头，一般会加粗-->      <tr>        <th>数学</th>        <th>英语</th>    </tr>    <!--同理，在行中也可以如此设置属性，单行可以设置别于他行的属性    如height，bordercolor，bgcolor,align    特别的有：    行文字的垂直对齐方式，valign    三种对齐模式    1.top 顶部对齐    2.middle 居中对齐    3.bottom 底部对齐    -->    <tr align="center" valign="top">    <!--<td></td>是行单元的开始和结束    单元属性的设置也可以以此类推    特别的有：    1.colspan定义水平跨度,有时候一行只需要一个元素，但却是多行制的表这时间需要行跨度来实现了    2.rowspan是定义垂直跨度，类似于上    -->            <td colspan="2" align="center">对齐了？</td>    </tr>    <tr align="center" valign="middle">        <td>对齐了？</td>        <td>对齐了？</td>    </tr>    <tr align="center" valign="bottom">        <td rowspan="2" align="center" valign="middle">对齐</td>        <td>对齐了？</td>    </tr>    <tr>        <td>对齐了？</td>    </tr></table><!--也可以用<thead></thead>来描述表首,可以设定其属性之类的<tbody></tbody>来描述表主体，可以一次设定多行，使操作便捷<tfoot></tfoot>描述表尾--><table border="1" align="center">    <thead bgcolor=#E02023>        <tr>            <td>1.1</td>            <td>1.2</td>        </tr>    </thead>    <tbody bgcolor="#1CD3AE">        <tr>            <td>2.1</td>            <td>2.2</td>        </tr>        <tr>            <td>3.1</td>            <td>3.2</td>        </tr>    </tbody>    <tfoot bgcolor="#c#DCE817B3812">        <tr>            <td>3.1</td>            <td>3.2</td>        </tr>    </tfoot></table></body></html>
阅读全文
0 0