HTMl语法
【网页中的表格标签】
最简单的表格
<table>(告诉电脑这是一个表格)
<tr>(横标签)
<td>(列标签)
表格
</td>
</tr>
</table>
显示结果:
表格 |
【合并表格栏位】
合并的方向:上下(横列间的合并)(属性rowspan)、左右(直栏间的合并)(属性colspan)。
【表格栏位大小、对齐位置设定】
例如:宽度是100,高度是60.
<table width="100" border="1" height="60">
<tr>
<td>表格</td>
</tr>
</table>
显示结果“表格”是靠左边的;若<td align=center>,表格就会居中;
<valign>标签是表格中文字在垂直方向上的变动,有三个属性值,top(靠上方对齐)、middle(垂直居中)(预设值)、bottom(靠下方)。
【表格背景、底色设定】
对整个表格添加底色:
<TABLE BORDER="1" BGCOLOR=red>
<TR><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>
将BGCOLOR="颜色码"加在<TR>中,可以指定“一行”的背景颜色;
将BGCOLOR="颜色码"加在<TD>中,可以指定“一栏”的背景颜色;
对表格添加背景:background="图片名称"
注意:给那个单元格中添加背景,就在那个标签中加入background="图片名称"。
【表格的框线设定】
表格边框的粗细:border="粗细值"
表格边框的颜色:bordercolor="颜色码"
表格边框的阴影、亮丽颜色:bordercolorlight=“颜色码”(两面设定);
bordercolordark=“颜色码”(暗面设定);
【表格栏距设定】
<cellpadding>属性自由设定表格内文字距离格线的距离,这个属性很好用,保持适当的距离,看起来比较舒服。一般而言内定值为2,不过我建议设定为4比较漂亮。
<cellspacing>属性设定表格栏位格线之间的距离。一般而言内定值为2,不过我通常习惯设为 0 。
【序列标签】
序列标签基本上可分为两种,一种是“无序条列”,一种是“有序条列”。所谓“无序条列”当然就是意指各条列间并无顺序关系,纯粹只是利用条列式方法来呈现资料而已,此种无序标签,在各条列前面均有一符号以示区隔。至于“有序条列”就是指各条列之间是有顺序的,从1、2、3…一直延伸下去。
【无序标签】
<ul>标签即为“无序列表标签”,每增加一列内容,就必须加一个<li>。
如:
<ul>
<li>姓名:杰克升
<li>生日:1974/11/21
<li>星座:天蝎座
</ul>
显示结果:
- 姓名:杰克升
- 生日:1974/11/21
- 星座:天蝎座
注意:前面的圆点可以进行改变,只需加入属性type,它有三个属性值,disk(实心圆),square(方形),circle(空心圆)。
【有序标签】
<ol>标签即为“有序列表标签”,每增加一列内容,就必须加一个<li>。
注意:同无序标签一样,前边的符号可以更改,属性type,有五个属性值,1(数字)、A(大写英文字母)、a(小写英文字母)、I(大写罗马字母)、i(小写罗马字母) 我们也可以指定序列起始的数目,属性start=“值”.
【定义列表标签】
原始码
呈现结果
<DL>
<DT>小标题
<DD>标题的内容说明
</DL>