创建表
目前,最广泛使用的HTML工具之一是创建巧妙安排的Web页面表。通过掌握表,你不再仅仅是“创建”页面,“设计”一个。
各种各样的表在你的处置是广泛的,从一个简单的盒子非常复杂的设计布局。在本文中,我们将讨论表基础知识,以及一些技巧和提示你在寻求尝试设计一个令人兴奋的,人们喜欢将访问页面。
广告
再一次,与你想的所有信息显示在浏览器窗18luck手机登录口中,确保你的表之间的<身体>和< /身体>标记在你的HTML文档。开始你的表使用以下标记:
<表>
每一个水平行在一个表开始标签:
< tr >
每一块数据行始于内标签:
< td >
考虑下面的表图:
A1 A2
B1 B2
C1 C2
这里有三个行和两列。
代码的骨架图,下面的标签是用于以下订单:
<表>表开始
< tr >第一行开始
< td >开始的第一个“细胞”数据(A1)
< / td >关闭A1单元
< td >开始第二个单元格(A2)
< / td >关闭A2细胞
< / tr >关闭第一行
< tr >第二行开始
< td >开始在第二行第一个单元格的数据(B1)
< / td >关闭B1细胞
< td > B2细胞开始
< / td >关闭B2细胞
< / tr >关闭第二行
< tr >第三行开始
< td >开始的第一个单元格中数据的第三行(C1)
< / td >关闭C1细胞
< td > C2细胞开始
< / td >关闭C2细胞
< / tr >关闭第三行
< /表>关闭表
很多设计师喜欢缩进的部分他们表使代码更容易阅读。这样的一个示例如下所示。18新利最新登入
现在,我们将添加数据和边境骨架表。一个边境是一个表的轮廓。的边界标记(边界=“价值”)被放置在初始表格标记。您可以指定你想多厚的轮廓出现分配18新利最新登入一个特定的值(我们将分配一个值“1”)。是一个好主意来试验不同的值找出它们看起来像显示在浏览器中。如果你不想要一个边界,分配一个“0”值。18新利最新登入
(注意:即使你不打算有一个边界出现在你的表,它总是最好有可见的边界开始,至少直到你解决任何可能影响的“错误”的方式显示您的表。)
类型(或剪切并粘贴)下面的代码和数据转换成HTML文档:
<表边界= 1 > < tr > < td > A1 < / td > < td > A2 < / td > < / tr > < tr > < td > B1 < / td > < td > B2 < / td > < / tr > < tr > < td > C1 < / td > < td > C2 < / td > < / tr > < /表>
在浏览器中显示的表应该很像早些时候所示的图。18新利最新登入
有很多属性,你可以指定一个表。下面是讨论标签,让你格式表在很多创造性的方式。
在下一节中,我们将了解如何改变表格的背景颜色。18新利最新登入