導航:首頁 > 萬維百科 > 手錶網頁設計

手錶網頁設計

 發布時間：2020-08-22 23:17:16

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

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

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

運行效果：

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

<!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>把代碼 粘上就是你要的樣子了

4、網頁製作表格問題

1，為表格設置固定的寬度 使用 width屬性

2，加 />是正確的，這是復合xhtml規范的。

HTML與XHTML的區別

夢之都HTML與XHTML的區別一節主要是翻譯了w3c的 Differences with HTML 4 文章.
XHTML文檔必須具有良好完整的排版(well-formed)

編排良好性(Well-formedness)是XML引入的一個新概念.從本質上說,元素必須有結束標簽,或者必須以特殊方式書寫,而且元素必須嵌套.

盡管SGML規定重疊(overlapping)是非法的,但現有的瀏覽器普遍允許重疊.

正確:嵌套元素(nested elements)

<p>夢之都 <em>XHTML教程</em>.</p>

不正確:層疊元素(overlapping elements)

<p>夢之都 <em>XHTML教程</p>.</em>

元素和屬性名必須小寫

對於所有HTML元素和屬性名, XHTML文檔必須使用小寫. 因為XML是大小寫敏感的.如 <li> 和 <LI> 是不同的標簽.
對非空元素,必須使用結束標簽

在基於SGML的HTML4中的一些隱含結束意義的元素允許忽略結束標簽.XML不允許忽略結束標簽.除了在DTD中被聲明為空的元素,所有元素必須有結束標簽.

正確:結束的元素(terminated elements)

<p>夢之都的XHTML教程.</p><p>夢之都的CSS教程.</p>

不正確:未結束的元素(unterminated elements)

<p>夢之都的XHTML教程.<p>夢之都的CSS教程.

屬性值必須在引號中

所有的屬性值必須在引號中,即使是以數字形式的屬性值

正確:在引號中的屬性值(quoted attribute values)

<table rows="3">

不正確:不在引號中的屬性值(unquoted attribute values)

<table rows=3>

屬性最小化

XML不支持屬性最小化.屬性-屬性值必須完整成對的寫出.像disabled,checked這樣的屬性名不能在不指定屬性值的情況下出現.

正確:非最小化屬性(unminimized attributes)

<input checked="checked">

不正確:最小化屬性(minimized attributes)

<input checked>

空元素

空元素必須有結束標簽,或者起始標簽必須以/>結束.例如,<br/>或<hr></hr>.參看HTML兼容性指導HTML Compatibility Guidelines中的信息,以保證向後兼容HTML 4用戶代理程序.

正確:結束的空元素(terminated empty elements)

<br/><hr/>

錯誤:未結束的空標簽(unterminated empty elements)

<br><hr>

屬性值中的空白字元處理

用戶代理處理屬性值時將根據XML的下面方法操作Section 3.3.3:

* 刪去引導和後序空白符
* 將一個或多個空白符(包括換行)轉換成單個字元間空間

Script and Style 元素

XHTML中,script和style元素被聲明為#PCDATA內容形式,因此,<和&被看作是標識的開始,<和&等HTML實體將被XML處理器看作為實體引用而分別被認為是<和&.將script和style元素的內容隱蔽在CDATA標記中避免了這些實體的擴張.

<script>
<![CDATA[
... unescaped script content ...
]]>
</script>

CDATA部分被XML處理器識別,表現為文檔對象模型中的一個結點.參看Section 1.3的DOM LEVEL 1推薦標准[DOM].

替代的方式是使用外部script和style文檔.
SGML排斥

SGML給作者的DTD可以指定在一個元素內部禁止出現的元素.這樣的禁止在XML中是不可能的.

例如,嚴格的HTML 4 DTD"禁止"任何深度的'a'元素對另一'a'元素的嵌套.在XML中無法寫出這些的"禁止".雖然這些禁止不能被定義在DTD中,但是一些元素不應該被嵌套.對不能被嵌套的元素Element Prohibitions的總結.
具有'id'和'name'屬性的元素

HTML4定義了name屬性的元素有a,applet,form,frame,iframe,img and map.HTML4還引入了id屬性.這兩個屬性都是被設計用為片段標識符.

在XML中,片段標識符是ID,每個元素只能有一個ID類型的屬性.因此,在XHTML1.0中,id屬性被定義為ID類型.為保證 XHTML1.0文檔是結構良好(well-structured)的XML文檔,在定義一個片段標識符時,XHTML文檔必須使用id屬性,即使是對那些以前用name屬性的元素.參看 HTML Compatibility Guidelines,確保XHTML文檔以text/html媒體類型使用時,這些"錨(anchors)"能向後兼容.

注意,在XHTML 1.0中,name屬性是不贊成使用的,在以後的XHTML版本中將被刪除.
最後,夢之都做個總結:

* 標簽不能重疊,可以嵌套
* 標簽與屬性都要小寫
* 標簽都要有始有終,要麼以</p>形式結束,要麼以<br />形式結束
* 每個屬性都要有屬性值,並且屬性值要在雙引號中
* 別用name用id :)

5、網頁設計中的表格！

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

6、網頁製作的表格怎麼做

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

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、在網頁設計中,表格有什麼重要作用

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

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

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

製作方法如下：

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

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

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

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

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

與手錶網頁設計相關的知識