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

網頁列表設計

 發布時間：2020-08-12 04:26:43

1、關於網頁設計:列表與表格是一回事嗎?

不是一回事
"列表":可以比作書本的"目錄",把網頁內容以列表的形式顯示出來,通常只有一列.
"表格":可以有多列多行,通過表格可以將網頁內容定位顯示等...

列表:
1)排序列表
<ol>
<li>排列列表1</li>
<li>排列列表2</li>
<li>排列列表3</li>
</ol>

帶有type的排序列表,type=A,a,i,I
如:
<ol type="a">
<li>..</li>
<li>...</li>
<li>...</li>
</ol>

2)不排序列表(Unordered List)
<ul>
<li>...</li>
<li>...</li>
<li>...</li>
</ul>

Type設為disc的列表，列表項前面的符號是圓黑點
<ul type="disc">
<li>...</li>
<li>...</li>
<li>...</li>
</ul>

Type設為circle的列表，列表項前面的符號是空心圓
<ul type="circle">
<li>...</li>
<li>...</li>
<li>...</li>
</ul>

Type設為square的列表，列表項前面的符號是黑方塊
<ul type="square">
<li>...</li>
<li>...</li>
<li>...</li>
</ul>

嵌套的列表
<ul>
<li>肉類</li>
<li>蔬菜
<ul>
<li>番茄</li>
<li>青菜</li>
</ul>
</li>
<li>酒類</li>
</ul>

3)
定義列表(Definition List)
<dl>
<dt>野生動物</dt>
<dd>所有非經人工飼養而生活於自然環境下的各種動物。</dd>
<dt>寵物</dt>
<dd>指貓、狗以及其它供玩賞、陪伴、領養、飼養的動物，又稱作同伴動物。</dd>
</dl>
---------------------
表格
<table border="1">
<tr>
<td>第一行,第一列</td>
<td>第一行,第二列</td>
</tr>
<tr>
<td>第二行,第一列</td>
<td>第二行,第二列</td>
</tr>
</table>

參考:
列表:http://www.blabla.cn/html_examples/index_list.html
表格:http://www.blabla.cn/html_examples/index_table.html

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、網頁設計:怎樣給"列表/菜單"表單動態增加列值

parent.document.getElementById("列表/菜單id").innerHTML=parent.document.getElementById("列表/菜單id").innerHTML+"<option id=新加項id >新加項</option>";

4、設計的網頁必須在十個以上，包括主頁，列表頁，內容頁。必須是使用CSS樣式表來控制網頁的外觀

40分？
你可能不了解網站製作這個行業，10個以上的頁面，首頁+列表頁+內容頁，用css+div寫出來，要是你找網站公司給你做，3500人民幣起步，要是個人給你做，最少也要2500人民幣，你最後還來一句：做的好的話提高懸賞！我表示我們干網站製作行業的人都無奈了！
哦，對了，你還要求是設計的，不是用模板，完全設計10個頁面，再把這個站做下來，5000+也許會有人做！

5、關於網頁設計，請問什麼是列表頁和明細頁？

明細頁是具體到某個文章頁面，列表是顯示多個內容分類的頁面。

列表頁，例如：
1文章一
2文章二
3文章三
4文章四
5文章無
明細頁，就是到具體的內容。比如文章一的詳細內容就是一個明細頁。

6、網頁開發：文章列表的資料庫怎麼設計？

動態網頁只要一個頁面就行了。
文章表可以這樣設計（因為你的要求簡單，就用簡單方法）
ID
文章主題
文章內容
作者
發表時間

ID是唯一的。
列表頁列出所有的文章，點擊每個鏈接進入文章詳情頁，用ID查找詳細信息並在詳情頁顯示
祝好運，望採納。

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

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

8、網頁設計中的表格！

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

9、網頁設計中像這樣的列表該怎樣做？

用遞歸處理數據，把數據處理成html所要求的格式就行（要做之前可以先學一下遞歸）

與網頁列表設計相關的知識