400-6528-168
News
网站建设、网站制作、网站设计等相关资讯

北京网站建设表格

日期:2019-03-28 09:38:02 访问: 作者:网建科技
表格用于将网站文本和图像按行、列排列,它与列表一样,有利于表达信息。值得注意的是,表格往往在主页中用来建立网页的框架,在整个页面中更规则地放置图像和空白,并使条目!更清晰。
 
北京网站建设表格
 
1、简单表格
最简单的网站表格仅包括行和列。表格的标签为<table>,行的标签为<t>,表项的标签为<td>其中, <tr>是单标签,一行的结束是新一行的开始。表项内容写在<td>与</td>之间。<table>标签必须成对使用,格式为:
<table border="n" width="xlx%" height="yly%" cellspacing="i" cellpadding="j"><caption align="lefitrigtoplbottom valign-toplbottom>标题</caption><tr> <th>表头1</th> <th>表头2</th> <th> <th> <th>表头n</th></tr>etr> <td>表项1</td> <td>表项2-/d> <t ./d> td>表项nc/<td><tr>str>std>表项1</d> <td>表项2-td><td .<td> (d>表项n</td></tr></table>在上面格式中, <caption>标签用来给表格设置标题,其中的align属性用来设置标题相对于表格水平方向的对齐方式, valign属性用来设置标题相对于表格垂直方向的对齐方式。建设表格是一行一行建立的,在每行中逐个填入该行每列的表项数据。可以把表头看做一行,只不过用的是<th>标签。在浏览器中显示时, <th>标签的文字按粗体显示, <td>标签的文字按正常字体显示。表格的整体外观由<table>标签的属性决定。border:定义表格边框的粗细, n为整数,单位为像素。如果省略,则不带边框。width:定义表格的宽度, x为像素数或百分数(相对于窗口的)。height:定义表格的高度, y为像素数或百分数(相对于窗口的)。cellspacing:定义表项间隙, i为像素数。cellpadding:定义表项内部空白, j为像素数。
 
2、表格内文字的对齐方式
在默认情况下,网站表项居于单元格的左端。可用列、行的属性设置表项数据在单元格中的位置。
 
3、水平对齐
网站表项数据的水平对齐通过标签<th>、<t>和tt>的align属性实现。align的属性值分别为:
center (表项数据的居中),left (左对齐),right (右对齐)或justify (左右调整)。
 
4、垂直对齐
表项数据的垂直对齐通过标签<th>、 <td>和<tr>的valign属性实现。valign的属性值分别为: top (靠单元格顶)、 bottom (靠单元格底), middle (靠单元格中)或baseline (同行单元数据项位置一致)。
 
5、表格在页面中的对齐方式
前面介绍的是北京网站建设表格中各个单元格的属性。现在,把表格作为一个整体,介绍如何设置表格在页面中的位置。与图像一样,表格在浏览器窗口中的位置也分为三种:居左、居中和居右。使用<table>标签的align属性设置表格在页面中的位置,格式为:<table align="efficeneright">当表格位于页面的左侧或右侧时,文本填充在另一侧;当表格居中时,表格两边没有文本;当align属性省略时,文本在表格的下面。