网页的表格布局
来源：尚品中国|
类型：网站百科|
时间：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标签：
推荐新闻
更多行业-
亚马逊放弃免运费 电商资本紧缩恐致“免运费”成过去时
继新蛋中国、京东商城提高免运费门槛后，最后一家标榜“全场免...
2012-02-03 -
门户网站建设中哪些数据可以做参考
如果你能迅速发现潜在的问题，也会有所帮助。让问题变得更糟，他们会让你日...
2020-03-30 -
营销型企业网站有何特征？
1.有效利用在线客服工具在线客服工具是提高网络营销转化率的有效工具。有...
2018-08-22 -
新建的网站怎么做seo优化
现在很多人都在做seo优化，那么对于新建的网站来说，应该怎么做呢?需要...
2018-08-08 -
当当网推出反涨价行动 矛头再指京东
新浪科技讯 2月3日下午消息，一淘网的价格指数再度引发电商大战：在当当...
2012-02-03 -
网站建设对公司的好处
企业网站毕竟不同于专业的 ICP 或者门户网站，不可能也没有必要小而全...
2012-08-13
关于我们
扫一扫关注尚品最新动态
2008年尚品中国成立于北京，尚品创立至今共为3000多客户成功完成任务，并上线使用。
我们专注高端网站建设，网站制作，品牌网站设计，集群建站、业务系统开发，APP开发，SEO优化等业务，为用户提供一站式解决方案，并且为用户获取更多用户流量，达到用户理想的业绩指标。
-
北京总部010-60259772
地址：中国 · 北京市大兴区西红门兴创国际中心A座501
-
天津公司022-58793660
地址：中国 · 天津市河西区国际贸易中心C座3614
Copyright © 2020 尚品中国 版权所有 | 京ICP备09066521 | 公安机关备案号:11011502003910免责声明诚信企业
尚品专注高端网站建设，系统平台开发，APP开发，SEO优化服务
尚品专注高端网站建设，系统平台开发，APP开发，SEO优化服务
免责声明
非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。
4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!
联系方式：010-60255689
电子邮件：394588593@qq.com
