網頁設計表格製作_Web製作網頁製作html表格

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、網頁製作中插入表格怎麼調整位置

通常有以下幾種方法：
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">

3、怎樣利用表格製作網頁？

一、創建基本的表格一個表由＜table＞開始，＜/table＞結束，表的內容由＜tr＞,＜th＞和＜td＞定義。＜tr＞說明表的一個行，表有多少行就有多少個＜tr＞；＜th＞說明表的列數和相應欄目的名稱，有多少個欄就有多少個＜th＞；＜td＞則填充由＜tr＞和＜th＞組成的表格。這裡面有兩個概念要弄明白：表格與單元格。他們的關系是整體與局部的關系，如同砌牆的磚和砌好的牆一樣。在上面3行3列的表格中一共有9個單元格。由於我們後面將提到的表格屬性和單元格屬性有很多是相同的，所以一定要分清楚。前面已經說過表格的最基本標記為＜table＞、＜tr＞、＜td＞，可以先樹立這樣一個概念：描述整個表格的屬性標記放在＜table＞里，描述單元格的屬性標記放在＜tr＞、＜td＞里。有這樣一個概念後，我們學習起來就可能簡單些。

4、網頁設計中有些表格怎麼製作啊？？？

這是選項卡效果，需要用javascript實現。

給你一個參考實例：http://www.blueidea.com/tech/web/2008/5460.asp

5、如何在網頁中製作表格框架

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;這樣把他的表格邊框遮住。。

6、用記事本製作網頁設計如何加入表格求代碼

這個只要你記住相關的標記就可以了。
記事本寫入相關的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>中間即可。
內容就是表格你要添加的內容

希望能幫到你，有什麼問題可以繼續追問。如果有問題的話，可以留下郵箱，我發個完整的給你。

7、如何用網頁製作出好看的表格

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元素使開發人員能夠整行應用樣式，但是很難整列應用樣式.為了解決這個問題。

8、如何用Dreamweaver製作網頁表格

一、要想用Dreamweaver來製作網頁，首先要安裝Dreamweaver網頁製作的工具，這是必備的，可以去官網裡面去下載即可。

二、操作步驟：

【1】第一步是打開Dreamweaver工具。