用表格設計網頁_在網頁設計中

1、用表格和表單設計如下網頁

<!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>無標題文檔</title>
</head>

<body>
<form action="" method="post" name="form">
<table width="501" border="0" align="center">
<tr>
<td colspan="2" align="center"><h2>請留下個人資料</h2></td>
</tr>
<tr>
<td width="122" align="right">姓名：</td>
<td width="363"><label>
<input type="text" name="textfield" />
</label></td>
</tr>
<tr>
<td align="right">電話：</td>
<td><input type="text" name="textfield2" /></td>
</tr>
<tr>
<td align="right">E-mail：</td>
<td><input type="text" name="textfield3" /></td>
</tr>
<tr>
<td align="right">性別：</td>
<td><label>
<input type="radio" name="radiobutton" value="radiobutton" />
男
<input type="radio" name="radiobutton" value="radiobutton" />
女</label></td>
</tr>
<tr>
<td align="right">年齡：</td>
<td><label>
<select name="select">
<option value="0">-請選擇-</option>
<option value="1">20歲以下</option>
<option value="2">20-30歲</option>
<option value="3">30歲以上</option>
</select>
</label></td>
</tr>
<tr>
<td align="right">留言板：</td>
<td><label>
<textarea name="textarea"></textarea>
</label></td>
</tr>
<tr>
<td align="right">您的愛好</td>
<td><label>
<input type="checkbox" name="checkbox" value="checkbox" />
運動
<input type="checkbox" name="checkbox2" value="checkbox" />
閱讀<br/> <input type="checkbox" name="checkbox2" value="checkbox" />
聽音樂 <input type="checkbox" name="checkbox2" value="checkbox" />
旅遊
</label>

</td>
</tr>
<tr>
<td colspan="2" align="center"><label>
<input type="submit" name="Submit" value="提交" />
</label>
<label>
<input type="reset" name="Submit2" value="全部重寫" />
</label></td>
</tr>
</table>
</form>
</body>
</html>把代碼粘上就是你要的樣子了

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

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

希望對你有幫助！

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

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

二、操作步驟：

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

【2】然後在Dreamweaver選項的中，選擇新建一個Html文件，這個是製作網頁的前提。

【3】進入Dreamweaver主界面後，我們可以看到自動生成的標題、頭、身體的相關的代碼的出現，這個是軟體自動生成的，可以直接使用的。

【4】在Dreamweaver代碼的主界面中，在代碼、拆分、設計這三個選項卡中，選擇拆分，因為這樣可以更好的看到代碼與相關設計的表格的調整的問題。

【5】然後選擇插入中的表格的選項，這個是用來選擇表格的選項的。

【6】選擇表格的選項框出現後，然後根據個人的需要，可以選擇表格的行與列，還可以選擇相關的標題、摘要，這里就選擇五行五列。

【7】當點擊確定後，就能夠看到左邊的代碼區域，右邊的相關表格的區域。

【8】表格製作好後，可以根據個人的需要對表格進行調整大小，可以通過滑鼠的拖動來調整表格的大小。

【9】還可以在代碼中調整網頁表格的大小，對表格的長與寬進行相關的調整，可以修改長與寬的值的大小。

【10】最後一定要記得保存哦，保存的文件是以html為後綴名的。

【11】文件保存好後，可以在Dreamweaver頁面中按F12來瀏覽你做好的網頁表格。

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

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

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

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

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

6、做網頁時用表格和表單有什麼區別？？

一、用處不同

1、表格：用於按行列方式展示數據。

2、表單：用於搜集不同類型的用戶輸入。

二、表現方式不同

1、表格：HTML 表格由 table 元素以及一個或多個 tr、th 或 td 元素組成。

2、表單：是一個包含表單元素的區域。表單元素是允許用戶在表單中（比如：文本域、下拉列表、單選框、復選框等等）輸入信息的元素。

三、組成元素不同

1、表格：tr 元素定義表格行，th 元素定義表頭，td 元素定義表格單元。更復雜的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

2、表單：多數情況下被用到的表單標簽是輸入標簽（<input>）。輸入類型是由類型屬性（type）定義的。

7、用表格和表單製作如下網頁。完整html代碼

1、使用標簽<table></table>定義網頁的表格,使用style賦值類型將顯示在網頁。

2、使用<tr>標簽定義行,使用<th>定義表頭,表頭的文字自動加粗。

3、<tr>和<td>標簽配合,定義每行中的表格數量,現在定義3行5列的表格。

4、使用<caption></caption>定義表格的標題。

5、表格分為三個部分,表頭部，表主體，表尾部。

6、表頭部和主體分別放標題和表格的內容,而表的尾部通常放的是頁數。

8、在網頁設計中,表格有什麼重要作用

1．當需要提交所有數據時，可以提交整個100個表，如果不使用表，可以逐個提交。

2．表格設計簡潔美觀，方形，與網頁的設計非常一致。

3．網站其實是一個大版本的表格，數據和權重之間的資料庫也與表格有聯系，所以密不可分。

製作方法如下：

1．打開WPS表單並創建一個新的工作簿；

2．然後從多個表中選擇要創建的表的行數和復制列數；

3．然後在工具欄頂部的insert函數下，查找表；

4．雙擊表格後會彈出一個對話框，然後選擇確定；

5．最後，表格將在您選擇的區域自動生成，一個簡單的表格已經准備好了。

9、用表格和表單製作如下網頁。完整html代碼

你好，我按照你的要求寫的如下代碼，可以直接運行
<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>

10、網頁為什麼要用表格製作

WEB開始是用表格來排版的現在WEB2.0後多是用DIV＋CSS 當然也有很大一部份老程序員仍然堅持使用TABLE，下面是個人觀點
1:Table 布局如果是一個Table套多個Table網頁Load的速度慢，但是切割成多個DIV就不會有這樣的問題，而且在頁面高度控制上，Table經常出現一些莫名奇妙的問題
2:table的好處是容易上手。
3:table布局沒有div靈活了,div在不同解析度位置不同,div還可以來做好多特效.做布局還是用table+table布局來做呀
4:table用來表現較復雜的數據結構還是很有用的。其它的DIV 完全可以搞定。

當然如果用到特效後台管理等就要用到 JAVAScript,/ASP/php/ASP.NET /JSP等程序來處理

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

用表格設計網頁

與用表格設計網頁相關的知識