导航:首页 > 万维百科 > 网页设计怎么制作表格

网页设计怎么制作表格

发布时间:2021-01-30 04:53:04

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、用记事本制作网页设计 如何加入表格 求代码

这个只要你记住相关的标记就可以了。
记事本写入相关的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>中间即可。
内容就是表格你要添加的内容

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

3、怎样用word制作表格网页

先按自己想要的效果布局,另存为html格式

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

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

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

5、网页设计中怎么建立一个1x1的表格

代码如下:

<html>
<head>
    <title>1x1的表格</title>
    <style type="text/css">
        .tb
        {
         border-width:1px;
         border-collapse:collapse;
         border-color:red;
         border-style:solid;
        }
        td
        {
         border-width:1px;
         border-collapse:collapse;
         border-color:red;
         border-style:solid;
        }
    </style>
</head>
<body>
    <div>
    <table width=3 height=3 border="2" cellpadding="0" cellspacing="0" class="tb">
     <tr>
       <td> </td>
     </tr>
    </table>
    </div>
</body>
</html>

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

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

7、网页设计中的表格!

<tr>
<td height="890" background="imega/2.gif" valign="top">
<table width="102%" height="25" border="0" cellpadding="5" cellspacing="1"> <!--这个表格已经至顶 -->
<tr>
<td width="11%"> </td>
<td width="17%" valign="top">|<a href="i.jsp">111</a></td>
<td width="30%" valign="top" >这一段表格至顶</td>
<td width="42%"> </td>
</tr>
</table>
</td>
</tr>

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

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

9、如何在网页中制作虚线表格

制作虚线表格的的方法:
方法一:作一个1X2的图。
半黑半白,再利专用表格作成线。这种方法固然属麻烦,但在任何浏览器中均可浏览,兼容性最好。
方法二:在CSS里面设定。
假如你用DreamWeaver话,只要在CSS面板里new一个style,选择“redefine
HTML
Tag”,再在下拉菜单里先“table”,在弹出的面板里,category里选择border,在border里,将top,left,right,bottom都设成1px,颜色设成你想要的边框的颜色。然后在style下拉框里选择dashed。一切ok。只是所有的表格都会用虚线做边框了。留意,这个效果在浏览器里才能看见。
方法三:直接在html里设置(假如你只想让某一个表格边框是虚线的话)。
在表格的html里加上这个:
style="BORDER-LEFT:
#000000
1PX
DASHED;
BORDER-RIGHT:
#000000
1PX
DASHED;
BORDER-TOP:
#000000
1PX
DASHED;
BORDER-BOTTOM:
#000000
1PX
DASHED"
颜色是十六位代码,你可以自己设。

与网页设计怎么制作表格相关的知识