喜报!尚品中标中建二局第三建筑工程有限公司官网建设项目

类型:官网建设 了解更多

网页的表格布局

来源:尚品中国| 类型:网站百科| 时间:2014-07-25
网页是信息的载体,为了方便、快捷地将大量的数据和信息组织在一起,常常要使用表格,表格标记对于网页制作是很重要的。现在很多网页都是使用多重表格来进行网页布局,因为表格不但可以固定文本或图像的输出,而且还可以任意地进行背景色和前景色的设置。

下面说下基本表格的显示形式:
 <TABLE>...</TABLE>标记对用于创建表格。一个表格的基本元素由以下4个部分组成:
   ·<TABLE>...</TABLE>定义表格区。
   ·<TR>... </TR>定义表格行。
   ·<TH>...</TH>定义标题行单元格,或<TD>...</TD>定义数据单元格。
   ·<CAPTION>...</CAPTION>定义表格标题。
若要创建一个基本的表格,可以使用以下HTML代码。
<TABLE>
<CAPTION>表格标题文字<CAPTION>
<TR>
      <TH>标题</TH><TH>标题</TH>...<TH>标题</TH>
<TR>
<TR>
      <TD>数据</TD><TD>数据</TD...<TD>数据</TD>
<TR>
...
      </TABLE>
一般<TH>...<TH>与<CAPTION>...</CAPTION>标记是可选的,但其他3对标记是必选的。
 
<CAPTION>标记放在<TABLE>...</TABLE>标记对之间,表格的行标记之前,它可以使用align属性,确定表格的标题放在表格上方还是下方。
    ·align=top;标题放在表格的上方,居中(默认值)。
    ·align-bottom:标题放在表格的下方,居中。
注意:表格间允许相互嵌套,但不能交叉嵌套。
 
【例1-1】设计一个3行4列的基本表格(1-1.htm ),包含表格标题(<CAPTION>)和表格标题行(<TH>),表格效果如图1-1所示
表格的页面布局
<HTML>
<HEAD><TITLE>基本表格</TITLE></NEAD>
<BODY>
<TABLE width="80%" height="82" border="1" align="center">
<CAPTION>学生信息表</CAPTION>
<TR><TH>姓名</TH><TH>性别</TH><TH》年龄</TH><TH>备注</TH></TR>
<TR><TD>王林《/TD><TD>男</TD><TD>20</TD><TD>优秀团员</TD></TR>
<TR><TD>赵云</TD><TD>女</TD><TD>24</TD><TD>三好学生</TD></TR>
</TABLE>
</BODY>
</HTML>
来源声明:本文章系尚品中国编辑原创或采编整理,如需转载请注明来自尚品中国。以上内容部分(包含图片、文字)来源于网络,如有侵权,请及时与本站联系(010-60255689)。
TAG标签:

免责声明

非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。

1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。

2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。

3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。

4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!

联系方式:010-60255689
电子邮件:394588593@qq.com

现在就与专业咨询顾问沟通!

北京010-60259772

天津022-58793660

信息保护中请放心填写
微信咨询:
北京
北京
天津
天津
咨询

免责声明

非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。

1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。

2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。

3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。

4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!

联系方式:010-60255689
电子邮件:394588593@qq.com