北京网站建设表格
日期: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属性省略时,文本在表格的下面。
热门推荐
更多资讯-
2020/02/28
网建签约国枫律师事务所——律师网站建设
网建科技提供各行各业的网站建设解决方案,我们用专业的角度为您策划分析网站。
-
2019/12/05
网建科技签约CBC佳瑞咨询(上海)有限公司
网建科技提供各行各业的网站建设解决方案,我们用专业的角度为您策划分析网站。
-
2019/12/04
网建签约——北京大学网站建设项目
网建科技提供各行各业的网站建设解决方案,我们用专业的角度为您策划分析网站。
-
2019/11/07
珈溪(北京)生物科技有限公司 网站上线啦!
网建科技提供各行各业的网站建设解决方案,我们用专业的角度为您策划分析网站。