导航:首页 > 万维百科 > 网页设计中表格的代码

网页设计中表格的代码

 发布时间：2020-10-19 05:56:38

1、网页设计中选定表格的操作有几种方法

表格<table><tr><td>这里是内容</td></tr></table>
层<div>这里是内容</div>
明眼人一看层的结构很清晰,特别是table多的时候代码会很乱各种tr,td 交叉,
还有就是table里嵌套table
==========================================
<table><tr><td><table><tr><td>这里是内容</td></tr></table></td></tr></table>
===========================================
上面这段代码够呛吧.
div的兴起是伴随着web2.0的概念,以前都是table
你常见的网页特效比如遮罩,弹出图片,等都是div做的,因为div是可以有z-index的,值越大越靠上,盖住下面的内容.
google maps,还有百度maps都是div做的,用table空拍困难.代码太不好维护了,但是div+css兼容性不好,在firefox下显示正常在IE下空拍就变形了.
table兼容性极其好.
就这些了,我的个人经验.
现在div比较流行,呵呵

2、求以下网页设计表格html代码

代码（大小有需要可以调）：

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>练习使用HTML</title>
    </head>

    <body>
        <center>
            <table border="1px" cellpadding="0px" cellspacing="0px">
                <tr>
                    <td colspan="4" height="60px"></td>
                </tr>
                <tr>
                    <td width="200px" height="60px"></td>
                    <td width="200px" height="60px"></td>
                    <td width="200px" height="60px"></td>
                    <td width="200px" height="60px"></td>
                </tr>
                <tr>
                    <td colspan="4" height="60px"></td>
                </tr>
                <tr>
                    <td colspan="4" height="60px"></td>
                </tr>
                <tr>
                    <td colspan="4" height="60px"></td>
                </tr>
                <tr>
                    <td colspan="4" height="60px"></td>
                </tr>
            </table>
        </center>
    </body>

</html>

运行效果：

3、求网页设计表格代码

你好，我按照你的要求写的如下代码，可以直接运行
<center>
<table>
<caption style="text-decoration:underline;font-weight:bold;">请留下个人资料</caption>
<tr><td>姓名：</td><td><input type="text"></td></tr>
<tr><td>电话：</td><td><input type="text"></td></tr>
<tr><td>E-mail：</td><td><input type="text"></td></tr>
<tr><td>性别：</td><td><input type="radio" checked>男　<input type="radio">女</td></tr>
<tr><td>年龄：</td><td><select><option>20以下</option></select></td></tr>
<tr><td>留言版：</td><td><textarea></textarea></td></tr>
<tr><td>您的爱好：</td><td><input type="checkbox">运动　<input type="checkbox">阅读<br><input type="checkbox">听音乐　<input type="checkbox">旅游</td></tr>
</table>
<input type="submit" value="提交">　<input type="reset" value="全部重写">
</center>

4、html网页制作里设置表格字体和大小的语句有吗?是什么?

HTML Table表格的文字大小与字型在传统的HTML网页设计规则中，可以透过HTML预设font文字标签中的size与face分别设定文字大小与字型，这样的写法在HTML5以前是相当普遍的，而到了HTML5开始，修改表格文字大小与字型必须使用css来处理，因为HTML5不支援传统HTML font的size与face属性，在css的规则里，修改文字大小是用font-size，而修改字型则是使用font-famliy，以下范例分别使用HTML传统的font标签以及css的属性来修改表格文字。

范例一、用HTML font文字标签修改表格文字大小与字型

<table border="1" cellpadding="5"> 
<tr>
<td><font size="5">这是size = 5的文字大小</font></td>
<td><font face= "DFKai-sb">这是标楷体的文字字型</font></td> 
</tr> 
</table>

呈现结果

诚如第一段所说，若要符合最新的HTML5网页设计标准，表格内的文字大小与字型就必须使用css来设计，范例二就提供这样的设计方式，除了可以像范例一这样每个栏位不同的文字样式，还可以一次设定整个表格的文字样式，用起来效率非常好。

范例二、用css的font-size与font-family来修改表格文字大小与字型

<table border="1" style="font-size:18px;font-family:serif;" cellpadding="5"> 
<tr>
<td>这是表格预设文字样式</td>
<td>< span style="font-size:13px;">这是13px的文字大小</span></td>
<td><span style="font-family:DFKai-sb">这是标楷体字型< /span></td> 
</tr> 
</table>

呈现结果

二在table标签开头就先加入了『style="font-size:18px;font-family:serif;"』这样的语法，代表将整张表格内的所有文字大小都预设为18px，而且字型使用serif，这可是传统HTML的font标签没办法做到的高效率设计方式，接着我们在表格的三个栏位，分别使用预设文字样式、修改大小为13px（font-size:13px;） 、字型改为标楷体（font-family:DFKai-sb;），可以清楚的看到，只要在表格中任何栏位或一段文字，用span标签包起来，就可以特别为文字做不同的样式设计。

5、网页制作里表格中的文字上下滚动最简单的代码是什么？

<MARQUEE onmouseover=this.stop() onmouseout=this.start()
scrollAmount=1 scrollDelay=1 direction=up height=140 width=150>
<span style="color:#D40F00"> 。。。。。。</span>
</MARQUEE>

点点的地方写上文字。这个还可以调颜色和高度的。

6、网页设计中表格问题

现在表格制作网页属于网页制作初期的,顶峰互联的回答非常正确,你要是想要他们分开,设置间距就可以了,点表格然后点属性即可.
但是你这个表格有个大问题啊,首先别把整个网站用表格固定死了,我保证当你插入图片插入其他东西后你会疯掉,因为版面会被你自己拉伸掉,比如文字突然多了,或者图片突然大了,你那表格就会不伦不类的,如果你是初学者,建议你用表格内套表格的方法,把整天变成局部来弄,不怕套的多,有时你表格里套表格套10几层都纯属正常现象.总之别用边框把页面固定死了.

7、网页设计中表格源代码怎样去掉

图片显示状态下鼠标选择表格，切换到代码，显示深色部分删掉

与网页设计中表格的代码相关的知识