导航:首页 > 万维百科 > 网页设计如何做表格

网页设计如何做表格

发布时间:2020-11-10 11:14:52

1、网页设计中,表格列太多了如何显示

重点显示几列,其它的列显示成有横向滚动条那样的。

2、网页设计中如何设置表格各项属性

如果是用DW或者FP等网页编辑器那就很简单了~ 在它们的可视化编辑状态下选择需要修改的表格在修改属性就可以了~ 但是如果在代码下~那你需要去找一下有关HTML表格代码的说明了~ 大体给你几个~
border="2"边框粗细
width="100"表格宽度
height="42"高度
cellspacing="4"间距
cellpadding="3"边距
bordercolor="#FFFFFF"背景颜色
bordercolorlight="#FFFFFF"亮框颜色
bordercolordark="#000000"暗框颜色
background="logo.gif"背景图片
align="left"浮动对齐方式(也就是整个表格的对齐方式)
暂时就给你这么多吧~其他的你可以去网上搜索一下~ 上面这些是比较常用到的!

希望对你有帮助!

3、网页设计中有些表格怎么制作啊???

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

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

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

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

二、操作步骤:

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

【2】然后在Dreamweaver选项的中,选择新建一个Html文件,这个是制作网页的前提。

【3】进入Dreamweaver主界面后,我们可以看到自动生成的标题、头、身体的相关的代码的出现,这个是软件自动生成的,可以直接使用的。

【4】在Dreamweaver代码的主界面中,在代码、拆分、设计这三个选项卡中,选择拆分,因为这样可以更好的看到代码与相关设计的表格的调整的问题。

【5】然后选择插入中的表格的选项,这个是用来选择表格的选项的。

【6】选择表格的选项框出现后,然后根据个人的需要,可以选择表格的行与列,还可以选择相关的标题、摘要,这里就选择五行五列。

【7】当点击确定后,就能够看到左边的代码区域,右边的相关表格的区域。

【8】表格制作好后,可以根据个人的需要对表格进行调整大小,可以通过鼠标的拖动来调整表格的大小。

【9】还可以在代码中调整网页表格的大小,对表格的长与宽进行相关的调整,可以修改长与宽的值的大小。

【10】最后一定要记得保存哦,保存的文件是以html为后缀名的。

【11】文件保存好后,可以在Dreamweaver页面中按F12来浏览你做好的网页表格。

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

<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>

6、如何用thead和tbody网页制作表格

还差一个:tfoot吧!thead(头部)、tfoot(主题) 以及 tbody(底部)标签实现一个表格。
<table border="1">
<thead>
<tr>
<th>科目专</th>
<th>分数</th>
</tr>
</thead>
<tbody>
<tr>
<td>语文属</td>
<td>99</td>
</tr>
<tr>
<td>数学</td>
<td>60</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>总分</td>
<td>159</td>
</tr>
</tfoot>
</table>

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

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;这样把他的表格边框遮住。。

8、如何在网页制作中用好表格

对许多不熟悉HTML的朋友来说,还以为是使用了CSS、JavaScript等技术,其实不然。 看完下面的内容你就会明白了。
控制表格边框的显示
对使用Dreamweaver、FrontPage等所见即所得的网页编辑软件的朋友来说,很难控制表格的上下左右的边框显示与隐藏,其实你只要在HTML中的〈table〉〈/table〉标签页中添加一项 “frame” 属性即可。
不显示表格边框(frame=void)
只显示表格的上边框(frame=above )
只显示表格的下边框(frame=below )
只显示表格的上下边框(frame=hsides)
只显示表格的左右边框(frame=vsides)
只显示表格的左边框(frame=lhs)
只显示表格的右边框(frame=rhs)
例如,〈table width="75%" border="1" frame=void/above/below/hsides/vsides/lhs/rhs cellpadding="0" cellspacing="0"〉〈/table〉控制表格行与列的分割线
在网页设计中,如果版面没设计好,那么这个网页可以说是失败的。利用表格进行分栏,可以达到整齐排版的目的,美化你的网页外观。所谓分栏,就是让你的网页变成一个大表格,然后根据你的版面设计和内容安排,将这个表格分成不同的行和列,调整各个行和列的宽度和高度,以达到你排版的要求。当然了,你还可以在表格之中再嵌套表格,以达到更加复杂的排版需要。在设计过程中你可以灵活设置单元格边距和单元格间距的数值。在HTML语言中表格的分割线是由“rules” 属性来决定的。所以我们可以通过手工修改源代码的方法来控制分割线的显示与隐藏。
1、显示所有分割线(rules=all)
如〈table width="75%" border="1" rules=all cellpadding="0" cellspacing="0"〉
2、不显示任何分割线(rules=none)
3、只显示行与行之间的分割线(rules=rows)
4、只显示列与列之间分割线(rules=cols)
用表格边框实现单线显示
用线条来美化网页是网页设计者经常使用的手法之一。在网页中除了用〈hr〉标记来实现插入水平线外,我们还可以用表格来实现。FrontPage 2000默认的表格线比较粗,但只要稍加处理,就可以制作出一个细线表格,细线表格非常娟秀小巧,很有个性。它的具体操作方法是:在表格属性中将边框粗细设为“1”,将单元格边距和单元格间距设置为“0”,同时将亮边框设置成与表格背景相同的颜色,暗边框设成你想要的任一颜色即可,怎么样,细线表格出现了吧。

9、DW网页设计中,我用表格做的网页,怎么才能居中 ,求教

方法一,修改代码!

table代码加上align="center"

例如:(PS:代码不完整,但可以看到效果。)

<tabel align="center">
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

方法二,设计界面修改!

看图:

建议:表格做网页并不是很好,建议楼主学习一下div+css布局,有html基础很快就可以学会的。

与网页设计如何做表格相关的知识