導航:首頁 > 萬維百科 > nba表格網頁設計模板

nba表格網頁設計模板

 發布時間：2020-08-29 11:04:48

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、求設計一個簡單的網頁 內容 寫一個html頁面，至少包含一個表格、一個表單； 30行以上； 美觀不管

<!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>
<style>
.fontStyle{
color:red;
font-size:18px;
font-weight:bold;
}
</style>
</head>

<body>
<p class="fontStyle">表格</p>
<table cellspacing="0" cellpadding="0" width="500" height="300" border="1">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>6</td>
</tr>
</table>
<p>----------------------------------------------------------------------------------------------</p>
<form id="form1" name="form1" method="post" action="">
<p class="fontStyle">表單</p>
<p>
<label for="name">姓名：</label>
<input type="text" name="name" id="name" />
</p>
<p>性別：
<input type="radio" name="sex" id="male" value="radio" /><label for="male">男</label>
<input type="radio" name="sex" id="female" value="radio2" /><label for="female">女</label></p>
<p>愛好：
<input type="checkbox" name="music" id="music" /><label for="music">聽音樂</label>
<input type="checkbox" name="web" id="web" /><label for="web">上網</label>
<input type="checkbox" name="book" id="book" /><label for="book">看書</label></p>
<p>
<label for="content">簡歷：</label>
<textarea name="content" id="content" cols="45" rows="5"></textarea>
</p>
</form>
</body>
</html>
把上面的代碼放到dw里，運行就好了，如果還不會，我把網頁傳給你吧！！！

3、求以下網頁設計表格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>

運行效果：

4、求網頁設計表格代碼

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

5、網頁設計，怎樣設計一個這樣的表格？

網頁中表格的屬性
align：表格的對齊方式，值有left（左對齊，默認）、center（居中）以及right（右對齊）
。align定義的是表格自身的位置，這是一個很有用的屬性，強烈建議使用它來規定表格的對齊方式，盡量不要使用<p align=?>表格</p>、<div align=?>表格</div>和<center>表格</center>之類的標簽來規定表格的位置，因為這么做將導致論壇添加許多廢碼！此外，當表格的寬度設置為100%，或者，表格的寬度設置成了占滿它所在的容器的寬度，沒有必要定義align屬性。置為100%，或者，表格的寬度設置成了占滿它所在的容器的寬度，沒有必要定義align屬性。

6、網站頁面設計成表格模式

可以用表單大師來實現，表單大師創建的表單可以嵌入網頁的形式。創建表單用現有的欄位進行拖拉就可以設計表單了。操作比較簡單。也可以參考模板。

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

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

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

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

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

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

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

8、DW怎麼把首頁設為模板，子網頁用模板設計

剛進入dreamweaver點擊新建下方的更多，然後選擇空白頁，頁面類型選擇html模板，布局選無就行了。

插入一個表格（菜單欄中選擇插入，再找到表格），表格里的布局自己根據需要設置，在這里我設置為行數為5，列為1，表格寬度為1000像素。插入表格後，選中整個表格，選中後表框會加黑加粗，在下方設置為居中對齊。

在表格第一行插入圖像（菜單欄中選擇插入，再找到圖像），第二行加入滾動字幕。第三行插入表格（方法同上），1行4列，表格寬度為百分之一百。插入表格之後，再選中第三行的表格，選中後表格邊框會加黑加粗，在下方設置表格為居中對齊，寬度為20%。

第三行中選入一些文字，如首頁，李白，杜甫，白居易。新建一個css文件，再建一個css，設置好類型中的顏色和背景中的顏色，加以區分。選中第三行，使用剛才新建的css，再新建一個css，表格的邊框使用該css。

在第四行插入可編輯區域。點擊確定，可編輯區域中的文字即EditRegion3可以去掉，換行可以擴大可編輯區域的面積。

在第五行插入可編輯區域，我還插入了一條水平線，並加上了版權。最後保存。此時模板已經建好。

新建，模板中的頁，找到新建的模板，創建，保存為index.html（即網站的主頁）,再重新打開新建的模板，在可編輯區預報輸入李白的資料，保存為li.com，此時你會發現只有在可編輯區域才能輸入內容，其他區域都是不可操作的，這就是模板的特點。同理，在新建兩個作為杜甫和白居易的網頁。

現在就差用超鏈接把上面做的幾個網頁連接起來了。在模板中選中首頁，在下方html中的鏈接中輸入首頁的名稱，即index.html，同理，選中李白，杜甫，白居易將他們連起來。超鏈接做好後在文字下方會多出一條橫線。

做完了之後在index.html中打開可以看看做出的效果，點擊圖中的小地球圖標就可進行查看。

9、網頁設計中的表格！

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

與nba表格網頁設計模板相關的知識