ASP 布局标记
一个成功的网页，不仅要有丰富、有趣的内容，而且还要有清晰、美观的页面布局，这样才能吸引网民的注意。表格（Table）标记和Div标记就是最常用的两种方式。
表格的具体定义形式如下所示：
<table>定义表格
<caption>定义标题</caption>
<tr>定义表行
<th>定义表头</th>
</tr>
<tr>定义表行
<td>定义表格单元</td>
</tr>
</table>
1．表格标题
表格标题的位置，可以由ALIGN属性来设置，其位置分别为表格上方和表格下方。如果要设置标题位于表格的上方，其格式为：
<caption align=top>…</caption>
如果要设置标题位于表格的下方，其格式为：网页colspan
<caption align=bottom>…</caption>
2．表格的尺寸设置
一般情况下，表格的总长度和总宽度是根据各行和各列的总和自动调整的，如果我们要直接固定表格的大小，可以使用下列方式：
<table width=n1 height=n2>
width和height属性分别指定表格一个固定的宽度和长度，n1和n2可以用像素来表示，也可以用百分比（与整个屏幕相比的大小比例）来表示。
边框是用border属性来实现的，它表示表格的边框边的厚度和框线。将border设成不同的值，就会产生不同的效果。如设置为0，在运行时候将不显示边框。
格与格之间的线为间隔线，它的宽度可以使用<TABLE>中的CELLSPACING属性加以调节。格式如下，其中，“#”表示要取用的像素值。
<TABLE CELLSPACING=#>
3．跨多行、多列的单元格
创建跨多行、多列的表元只需要在<TH>或者<TD>中加入ROWSPAN或者COLSPAN属性，其属性值表示为要跨越的行或者列的个数。
跨多列的表元格式为：
<th colspan=#>
<td colspan=#>
其中，colspan表示跨越的列数，例如colspan=2表示这一格的宽度为两个列的宽度。
跨多行的表元格式为：
<th rowspan=#>
<td rowspan=#>
其中，rowspan所要表示的意义是指跨越的行数，例如rowspan=2就表示这一格跨越表格两个行的高度。
4．表格内文字的对齐/布局
表格的ALING属性可以设定表格内数据的对齐方式，其中水平对齐方向的取值为：left（居左）、right（居右）和center（居中）；而垂直对齐方向的取值为：top（上部对齐）、mi
ddle（居中）、bottom（下部对齐）和baseline（基线对齐）。
5．Div标记
Div是指块文字，像要定义一块文字可以用到它。另外做层的时候也经用到它，它就是让一块东西集成为一个集合。如果不使用任何CSS样式设置的话,div标记的效果与分段标记<p>基本相同。Div标签可以使用Class或者ID来附加CSS样式：
● Class
<div class="***">……</div>
● ID
<div id="***">……</div>
如果用ID附加，那么CSS中应该首先创建这个ID：
例如：
apDiv1 {
position:absolute;
left:178px;
top:69px;
width:375px;
height:227px;
z-index:1;
}
其中apDiv1就是id，可以在abc这个id下建立很多CSS属性，这样所有在<div id="apDiv1"></div>这个标签对的内容将遵循abc这个id下的CSS属性。当定义position属性为absolute时候，Div定义为一个层。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论