导航:首页 > 万维百科 > 网页设计下表

网页设计下表

发布时间:2020-08-05 13:41:24

1、网页设计中选项卡设计,每个选项卡下边的内容能加表格吗?

可以的,加表格和div都可以的以下是我用php+jstable选项卡写的代码:

<div id="tab">

<div class="Menubox">

<ul>

<li id="tab_1" class="hover" onclick="setTab(1,3)">徒步旅游</li>

<li id="tab_2" onclick="setTab(2,3)">学生夏令营</li>

<li id="tab_3" onclick="setTab(3,3)">越野探险旅游</li>

  

 </ul>

</div>

<div class="Contentbox">

<div id="con_1" class="hover" ><?php do { ?>

<div class="tjys"><img alt="<?php echo $row_tztj['title']; ?>" class="tjys_images" src="admin/kjj/<?php echo $row_tztj['images']; ?>" width="233" height="200" />

<h5><a href="tbzl_detail.php?id=<?php echo $row_tztj['id'];?>" class="A2" onFocus="blur()"><?php echo $row_tztj['title']; ?></a></h5></div> <?php } while ($row_tztj = mysql_fetch_array($result,MYSQL_BOTH)); ?>

 </div>

  

<div id="con_2" class="hide">

<?php do { ?>

<div class="tjys"><img  alt="<?php echo $row_xly['title']; ?>" class="tjys_images" src="admin/kjj/<?php echo $row_xly['images']; ?>" width="233" height="200" />

<h5><a href="tbzl_detail.php?id=<?php echo $row_xly['id'];?>" class="A2" onFocus="blur()"><?php echo $row_xly['title']; ?></a></h5></div> <?php } while ($row_xly = mysql_fetch_array($Rexly,MYSQL_BOTH)); ?>

</div>

<div id="con_3" class="hide">

 <?php do { ?>

<div class="tjys"><img  alt="<?php echo $row_txyy['title']; ?>" class="tjys_images" src="admin/kjj/<?php echo $row_txyy['images']; ?>" width="233" height="200" />

<h5><a href="tbzl_detail.php?id=<?php echo $row_txyy['id'];?>" class="A2" onFocus="blur()"><?php echo $row_txyy['title']; ?></a></h5></div> <?php } while ($row_txyy = mysql_fetch_array($Retxyy,MYSQL_BOTH)); ?>



 </div>

  

</div>


</div>

效果如下

 

2、网页设计中表格的制作方法

直接插入不就行啦!?如果你是在制作网页,具体方法和你用的工具有关!如果你是在填写什么表,看一下能不能Ctrl+V

3、网页设计表格怎么整体下移

用设计器比较简单的做法就是,在两个表格中间夹一个高度为5px的DIV
或者干脆放个换行<br />
样式的话:style="margin-top:5px;"

4、请问一下网页设计中如何让表格只显示下边框?

给table加个border就可以了
<style>
table{border:1px solid darkseagreen;}
</style>
</head>
<body>

<table>
<tr>
<td>111</td>
<td>111</td>
<td>111</td>
</tr>
<tr>
<td>111</td>
<td>111</td>
<td>111</td>
</tr>
<tr>
<td>111</td>
<td>111</td>
<td>111</td>
</tr>
</table>

5、利用网页设计的代码制作如下表格怎么制作呢,求高手作答

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" align="center">意大抄利</td>
<td colspan="2" align="center">英格兰</td>
<td colspan="2" align="center">西班牙</td>
</tr>
<tr>
<td align="center">***</td>
<td align="center">***</td>
<td align="center">***</td>
<td align="center">***</td>
<td align="center">***</td>
<td align="center">***</td>
</tr>
<tr>
<td align="center">***</td>
<td align="center">***</td>
<td align="center">***</td>
<td align="center">***</td>
<td align="center">***</td>
<td align="center">***</td>
</tr>
</table>

6、求以下网页设计表格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>

运行效果:

7、求网页设计表格代码

你好,我按照你的要求写的如下代码,可以直接运行
<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>

8、网页设计中的表格!

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

9、网页制作中,上下两个表格的间距怎么调?

通常有以下几种方法:
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">

与网页设计下表相关的知识