導航:首頁 > 萬維百科 > 網頁設計下表

網頁設計下表

發布時間: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">

與網頁設計下表相關的知識