HTML中最重要的标志莫过于表格(
Table)了。可以这样说,只要掌握好表格的用法你就掌握了
HTML。一个好的网页设计者一定擅长使用表格。 表格就是由行和列构成的栅格,这些行和列构成一个个单元格,每个单元格可以放文本或是图形。 表格最基本的作用就是让复杂的数据变得更条理,让人容易看懂。但在网页中,表格还可以用来进行图形的拼接和页面元素的定位等巧妙的应用,这需要你来进行挖掘。
左对齐 |
居中 |
右对齐 |
这一单元格占30% |
这个单元格为200象素宽 |
这个单元格背景色变了 |
以上是个基本表格的例子,它的源代码如下:
左对齐 |
居中 |
右对齐 |
这一单元格占30% |
这个单元格为200象素宽 |
这个单元格背景色变了 |
将以上代码对照表格不难看出其中的奥妙。其中标志和属性上一节已有介绍。
以下是一种常用的表格形式:
bordercolor="#ffcc66" cellpadding="0" cellspacing="0">
标题1 |
标题2 |
内容1 |
内容2 |
内容3 |
内容4 |
这个表格的源代码与上一个基本相同,红色部分为实现这种效果的关键属性。对照两个表格源码应该能看出如何增删行与列。 表格可以嵌套使用,就是在单元格中再加入一个表格,你可以试一试。
阅读(533) | 评论(0) | 转发(0) |