如何用网页制作出好看的表格

CSS制作好看的网页表格

如果数据表格对于视力没有问题用户都难以阅读的话，那么想像一个那些用辅助技术(掌上设备)的人来说，它们是多么复杂和混乱.幸运的是html规范提供了许多无素和属性来提高数据表格对于这些设备的可访问性.

1.summary 和 caption

第一元素是表格的caption，它基本上用做表格的标题.尽管这不是必须有的元素，但是尽可以使用caption总是好的.另一个元素是summary.summary属性可以应用于表格标签，用来描述表格的内容.与image的alt文本属性相似.

2.thead, tbody, tfoot

thead, tbody, tfoot使网页设计人员能够将表格划分为罗辑部分.例如，可以将所有列标题放在thead元素中，这样就能够对这个特殊区域单独应用样式.如果选择使用thead或tfoot元素，那么必须至少使用一个tbody元素.在一个表格中只能使用一个thead和tfoot元素，但是可以使用多个tbody元素将复杂的表格划分为更容易管理的部分.

3.col 和 colgroup

行与列标题应该使用th标记而不是td，但是如果某些内容既是标题又是数据，那么它仍然使用td.表格标题可以设置为row或col的scope属性，定义它们是行标题还是列标题.

虽然tr元素使开发人员能够整行应用样式，但是很难整列应用样式.为了解决这个问题。

如何用Dreamweaver制作网页表格

1、在插入栏中选择 按钮或“插入”菜单选“表格”。系统弹出表格对话框如下图。这些参数我们都已经认识了。行：2。列：2。其余的参数都保留其默认值。。 Dreamweaver网页制作教程：表格设计 2、在编辑视图界面中生成了一个表格。表格右、下及右下角的黑色点是调整表格的高和宽的调整柄。当光标移到点上就可以分别调整表格的高和宽。移到表格的边框线上也可以调整。（如下图） Dreamweaver网页制作教程：表格设计 3、在表格的第一格按住左键不放，向下拖拽选中二格单元格。（如下图） Dreamweaver网页制作教程：表格设计 然后在展开的属性面板中选择合并单元格按钮（如下图红框所示）。将表格的单元格合并。如果要分割单元格，则可以用合并单元格按钮右边的按钮。 Dreamweaver网页制作教程：表格设计 合并结果如下图。 Dreamweaver网页制作教程：表格设计 4、用鼠标拖拽表格的边框调整到适当的大小。 5、单击左边的单元格，然后输入“摄影作品赏析”文字，并调整大小，因是竖排应每个字回车一次。如果需要调整格子的大小。只需要鼠标的光标移动到边框上拖拽即可。 6、在右边上下单元格内分别插入图片和文本。页面的基本样子有了。 Dreamweaver网页制作教程：表格设计 7、光标移动到表格的边框上单击。表格周围出现调整框，表示选中整张表格。然后，在属性面板中将“边框”值设置适合的值，如果为0，边框在编辑状态，为虚线显示，浏览时就看不见了。 一个符合要求的页面在表格的帮助下做好了。 通过上面的操作我们对于表格有了一个初步的认识。还要提示一点，对整幅表格操作和对一个单元格操作的时候，相应的属性面板是不同的。 表格颜色设置，选择整幅表格后，利用属性面板的颜色选择器设置背景色。单元格也可单独设置。鼠标在需要设置的单元格点一下，其余操作同上。 下面我们就来看看这些属性面板的区别。 表格的属性面板，要出现这个面板必须先选中整幅表格，方法上面已经提到过了。您可以在众多选项中填入需要的参数。如下图： Dreamweaver网页制作教程：表格设计 选中了单元格之后属性面板就发生如下变化了。选择行或者列都属于选中单元格。如下图： Dreamweaver网页制作教程：表格设计 对表格操作的几种常用方式： 合并：将选中的连续单元格合并成为一个单元格。 分割：将一个单元格分割成若干单元格。 水平对齐方式：分为（左）（中）（右）三种。 垂直对齐方式：分为（顶）（居中）（居底）（基线对齐） 表格还可以增加或者删除行或者列。在一个单元格中单击鼠标右键。在右键菜单中选择表格选项选择“插入行或列”。系统会弹出对话框如下。 Dreamweaver网页制作教程：表格设计 在对话框里填入数据即可。最后要说的是选中表格中的各种元素的方法： 选中一行，把光标移到该行的最左边单元格的左面，光标会变成箭头状。单击就可以选中一行。 选中一列，把光标移到该列的最上边单元格的上面，光标会变成箭头状，然后单击可以选中一列。 选中整张表格，把光标移到表格的左上角或右边框或下边框线上。单击即可选中整幅表格。选中的表格会在周围出现一个黑框表示整张表格选中了。请看如下示意： 选中单元格。单元格可以同时选中多个。选择连续的单元格，光标先选中的一个单元格，按shift键不放，选取最后一个单元格。选不连续的单元格。按住Ctrl键，点取所需要的单元格即可。 我们对于表格的使用就讲到这里，表格是网页制作的基本技术，只有通过不断实践才能充分掌握。

郑州网站建设哪个好企业为什么网站制作

一个企业公司的网站代表着其文化旗帜，或许说是一个对外门面。所以，公司企业的网站建设现在越来越得到重视了。

现在建设网站已经没必要再找制作公司了，自己就能在 机智朵朵 网站上创建了，很方便，很快就可以搞定。