導航:首頁 > 萬維百科 > 網頁設計中表格tab設置

網頁設計中表格tab設置

 發布時間：2020-09-11 16:25:37

1、在網頁中怎麼設置一個表格屬性？

這個簡單呀！
首先你先建個表格呀，然後選中，然後屬性欄在最下面噢，你可以設置的。你還可以用代碼實現設置，就是在<table>
</table>加代碼噢。。。

2、網頁，html文件中的表格部分，讓我把其tab業樣式和表格樣式摳出來是什麼意思？

設置每個table的樣式，比如class=tab1，class=tab2，然後在樣式表設置
.tab1 td{這里為tab1的樣式}
.tab2 td{這里為tab2的樣式}
而不用一個個去設置td class="xx"了 畢竟比較麻煩。
如下代碼：

< table >
< td class="style1" >內容< /td >
< /table >

< table >
< td class="style2" >內容< /td >
< /table >

在CSS中定義:
.style1 {

}

.style2 (

}
或者是給TD加上class，相同樣式用的相同Class，不同樣式用的不同Class

3、網頁表格中如何調整TAB按鍵順序~

表格裡面？

table鍵順序？ 請問你的表格裡面有獲得焦點的東西嗎？

是的話直接改裡面東西就好`

類似這樣：

<input id="idfname" name="firstName" tabindex="1" />

tabindex="1" 把這個屬性加進去，1 2 3 4 5 .. 任你填`

`填完就按照table順序了，從1開始的

不是的話。。 我也米辦法` tab一般都得在獲得焦點的元素進行設置的吧`

4、網頁製作中表格排版

你可以把這個幾個表格都放在一個表格里，先設置一個三行一列的表格；再把第一行設置成三列；在第一行第一列插入第一個豎表格，第一行第三列插入第二個豎表格，第三行插入一個橫表格；設置第二行的高度（即兩個豎表格和橫表格之間的間隙了）代碼如下： <table width="1003" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="250"> <!--第一個豎表格--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle" height="200">第一個豎表格</td> </tr> </table> </td> <td width="10"></td> <td width="750"> <!--第二個豎表格--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle" height="200">第二個豎表格</td> </tr> </table> </td> </tr> <tr> <td colspan="3" height="10"></td> </tr> <tr> <td colspan="3"> <!--第一個橫表格--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle" height="150">第一個橫表格</td> </tr> </table> </td></tr> </table>

5、網頁設置4行4列div tab的代碼

表格四行四列，代碼如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>網頁設置4行4列div tab的代碼</title>
</head>
<body>
<table width="400" border="1">
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
  </tr>
  <tr>
    <td>2</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>3</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>4</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

</body>
</html>

6、網頁設計這個課程中Tab鍵的使用方法？

1. Tab 鍵或 Shift+Tab 組合鍵（在激活工具欄以後）選擇工具欄中的下一個或前一個按鈕或菜單。
2. Shift+Tab 組合鍵 轉到最後或前一超級鏈接。
3. Shift+Tab 組合鍵 移至上一選項或選項組。
4. Ctrl+Tab 組合鍵或 Ctrl+Shift+Tab 組合鍵 選擇下一個或者前一個工具欄。
5. Ctrl+Tab 組合鍵或 Ctrl+Page Down 組合鍵 切換至對話框中的下一張選項卡。
6. Alt+Tab 組合鍵 切換至下一個程序或 Microsoft Word 文檔窗口。
7. Alt+Shift+Tab 組合鍵 切換至上一個程序或 Microsoft Word 文檔窗口。

7、網頁設計中選定表格的操作有幾種方法

表格<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比較流行,呵呵

8、網頁設計中如何設置表格各項屬性

如果是用DW或者FP等網頁編輯器那就很簡單了~ 在它們的可視化編輯狀態下選擇需要修改的表格在修改屬性就可以了~ 但是如果在代碼下~那你需要去找一下有關HTML表格代碼的說明了~ 大體給你幾個~
border="2"邊框粗細
width="100"表格寬度
height="42"高度
cellspacing="4"間距
cellpadding="3"邊距
bordercolor="#FFFFFF"背景顏色
bordercolorlight="#FFFFFF"亮框顏色
bordercolordark="#000000"暗框顏色
background="logo.gif"背景圖片
align="left"浮動對齊方式(也就是整個表格的對齊方式)
暫時就給你這么多吧~其他的你可以去網上搜索一下~ 上面這些是比較常用到的！

希望對你有幫助！

9、網頁設計中選項卡設計,每個選項卡下邊的內容能加表格嗎？

可以的，加表格和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>

效果如下

 

與網頁設計中表格tab設置相關的知識