网页设计表格制作_Web制作网页制作html表格

1、网页制作的表格怎么做

<table width="312" height="124" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000"> <tr> <td colspan="3"><div align="center">这是一个表格示例</div></td> </tr> <tr> <td><div align="center">姓名</div></td> <td><div align="center">姓别</div></td> <td><div align="center">年龄</div></td> </tr> <tr> <td><div align="center">张三</div></td> <td><div align="center">男</div></td> <td><div align="center">22</div></td> </tr> </table>

2、网页制作中插入表格怎么调整位置

通常有以下几种方法：
1、CSS法
可以在<table>标签中设置margin属性，即：style="margin:5px 0 5px 0;"（顺序：上、右、下左，亦可简写为style="margin: 5px 0;"），这段CSS的作用是在当前表格外部的上下各留出5px的空白。
2、空对象法
（1）空行。还可以在表格后敲回车换行，产生<p></p>标签，或者按Shift+回车软换行，产生<br>标签，都可产生一个空行。
（2）空表格。插入一个1行1列的表格，设置单元格的宽度、高度，在单元格中不输入内容。当单元格高度小于12px时，一定要将空格符删掉，否则达不到设定高度，这一点非常重要。即：
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="5"></td>
</tr>
</table>
（3）空DIV。类似于空表格，插入一个DIV，设置其宽度、高度，超出隐藏即可。
<div style="width:100px;height:5px;overflow:hidden;clear:both;"
3、透明图片法
可以在PS中新建一个5x5px的画布，背景设为透明，保存为透明GIF图片，然后在需要留间距的表格后面插入这个透明图片，将其宽度、高度可以任意调整，直到满意为直。
<img src="null.gif">

3、怎样利用表格制作网页？

一、创建基本的表格一个表由＜table＞开始，＜/table＞结束，表的内容由＜tr＞,＜th＞和＜td＞定义。＜tr＞说明表的一个行，表有多少行就有多少个＜tr＞；＜th＞说明表的列数和相应栏目的名称，有多少个栏就有多少个＜th＞；＜td＞则填充由＜tr＞和＜th＞组成的表格。这里面有两个概念要弄明白：表格与单元格。他们的关系是整体与局部的关系，如同砌墙的砖和砌好的墙一样。在上面3行3列的表格中一共有9个单元格。由于我们后面将提到的表格属性和单元格属性有很多是相同的，所以一定要分清楚。前面已经说过表格的最基本标记为＜table＞、＜tr＞、＜td＞，可以先树立这样一个概念：描述整个表格的属性标记放在＜table＞里，描述单元格的属性标记放在＜tr＞、＜td＞里。有这样一个概念后，我们学习起来就可能简单些。

4、网页设计中有些表格怎么制作啊？？？

这是选项卡效果，需要用javascript实现。

给你一个参考实例：http://www.blueidea.com/tech/web/2008/5460.asp

5、如何在网页中制作表格框架

table{
border:1px solid #000;/*黑色1像素粗边框*/
}
td{
border:none;/*这个是单元格，不给他要边框*/
}
以上是全局的，用了以后所有的表格都是这个样式。
如果你要给特定的表格加入这个样式：
1 给那个表格加上class='classname' （classname是你自己起的样式名）
2 然后在CSS里加上
.classname{
border:1px solid #000;/*黑色1像素粗边框*/
}
.classname td{
border:none;/*这个是单元格，不给他要边框*/
}

只有内边框没有外边框的话，我就只会用赖皮的方法：给table外面套一个overflow:hidden的div，宽度和高度比table小2px，给table加上margin-left:-1px;margin-right:-1px;这样把他的表格边框遮住。。

6、用记事本制作网页设计如何加入表格求代码

这个只要你记住相关的标记就可以了。
记事本写入相关的HTML代码即可，插入表格是在网页的内容中插入即可。
<html>
<head> <title>网页标题</title> </head>

<body> （网页内容）</body>

<html>

标记属性大多都是双标记，即：有开头就要有结尾，列如：<body>、</body> /body就表示内容结束。

插入表格的话，只要把表格的标记放到body里面即可。
body就是网站的内容，也就是你打开网页露眼看到的内容。
<table border="1">
<tr>
<td>内容</td>
<td>内容</td>
<td>内容</td>
</tr>
<tr>
<td>内容</td>
<td>内容</td>
<td>内容</td>
</tr>
</table>
<tr></tr>这个是行标记，<td></td>这个是列标记。只要你把<table border="1">到</table>，这段代码放到前面的<body></body>中间即可。
内容就是表格你要添加的内容

希望能帮到你，有什么问题可以继续追问。如果有问题的话，可以留下邮箱，我发个完整的给你。

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

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元素使开发人员能够整行应用样式，但是很难整列应用样式.为了解决这个问题。

8、如何用Dreamweaver制作网页表格

一、要想用Dreamweaver来制作网页，首先要安装Dreamweaver网页制作的工具，这是必备的，可以去官网里面去下载即可。

二、操作步骤：

【1】第一步是打开Dreamweaver工具。