导航:首页 > 万维百科 > 网页列表设计

网页列表设计

 发布时间：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所要求的格式就行（要做之前可以先学一下递归）

与网页列表设计相关的知识