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

网页设计无序列表

发布时间:2020-10-14 06:02:56

1、HTML网页制作的时候,怎么用三层的列表标记。把无序列表,有序列表,和定义列表都包括!谢谢!!

用嵌套 我这里有一个部分嵌套 你在加个<dt>和 <dd>就可以了
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset="gb2312">
<title>列表嵌套</title>
</head>
<body>
<p align="center">江西先锋软件职业技术学院</p>
<ul type="circle">

<li>网络分院</li>
<li>软件分院
<ol>
<li>软件一班</li>
<li>软件二班
<ol type="a">
<li>李生军老师</li>
<li>李俊老师</li>
</ol>
</li>
</ol>
</li>
<li>商务分院</li>
<ul>
</body>
</html>

2、请教高手网页设计用无序列表ul li代替表格table标签的css问题

<style type="text/css">
#bigsite ul{width:300px; height:20px;list-style-type:none;margin:0px auto;padding:0px;}
#bigsite li{width:100px;height:20px; float:left;border:0px;padding:0px;margin:0px; text-align:center; }

</style>

<div id="bigsite">
<ul>
<li>新浪</li>
<li>网易</li>
<li>搜狐</li>
<li>新华网</li>
<li>人民网</li>
<li>凤凰网</li>
<li>谷歌</li>
<li>百度</li>
<li>搜狗</li>
</ul>

</div>

3、网页设计层里面用无序列表做每个<li>前面能对对齐,后面怎么对齐,有四列,不用表格做

你是写一个ul,里面放五个li,
<style type="text/css">
ul{width:500px; height:258px;}
li{width:500px; height:22px; line-height:22px;}
li a{width:110px; float:left; text-align:left;}
</style>
<ul>
<li><a>巴中网址北京站</a><a>网页设计师</a><a>13488825102</a><a>2011/11/1</a></li>
<li><a>北京书有文化传媒</a><a>方正排版员</a><a>13488825102</a><a>2011/11/1</a></li>
<li><a>巴中网址北京站</a><a>网页设计师</a><a>13488825102</a><a>2011/11/1</a></li>
<li><a>巴中网址北京站</a><a>网页设计师</a><a>13488825102</a><a>2011/11/1</a></li>
<li><a>巴中网址北京站</a><a>网页设计师</a><a>13488825102</a><a>2011/11/1</a></li>
</ul>

4、网页制作中 无序列表如何加入 disc圆 circle圆圈 square方块? 代码是怎样的?

我提供一些简单的代码。你记一下吧:
1.结构性定义
文件类型 <HTML></HTML> (放在档案的开头与结尾)
文件主题 <TITLE></TITLE> (必须放在「文头」区块内)
文头 <HEAD></HEAD> (描述性资料,像是「主题」)
文体 <BODY></BODY> (文件本体)
(由浏览器控制的显示风格)
标题 <H?></H?> (从1到6,有六层选择)
标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?>
区分 <DIV></DIV>
区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文区块 <BLOCKQUOTE></BLOCKQUOTE> (通常会内缩)
强调 <EM></EM> (通常会以斜体显示)
特别强调 <STRONG></STRONG> (通常会以加粗显示)
引文 <CITE></CITE> (通常会以斜体显示)
码 <CODE></CODE> (显示原始码之用)
样本 <SAMP></SAMP>
键盘输入 <KBD></KBD>
变数 <VAR></VAR>
定义 <DFN></DFN> (有些浏览器不提供)
地址 <ADDRESS></ADDRESS>
大字 <BIG></BIG>
小字 <SMALL></SMALL>
与外观相关的标签(作者自订的表现方式)
加粗 <B></B>
斜体 <I></I>
底线 <U></U> (尚有些浏览器不提供)
删除线 <S></S> (尚有些浏览器不提供)
下标 <SUB></SUB>
上标 <SUP></SUP>
打字机体 <TT></TT> (用单空格字型显示)
预定格式 <PRE></PRE> (保留文件中空格的大小)
预定格式的宽度 <PRE WIDTH=?></PRE>(以字元计算)
向中看齐 <CENTER></CENTER> (文字与图片都可以)
闪耀 <BLINK></BLINK> (有史以来最被嘲弄的标签)
字体大小 <FONT SIZE=?></FONT>(从1到7)
改变字体大小 <FONT SIZE=+|-?></FONT>
基本字体大小 <BASEFONT SIZE=?> (从1到7; 内定为3)
字体颜色 <FONT COLOR="#$$$$$$"></FONT>
2.连结与图形
连结 <A href="/URL"></A>
连结到锚点 <A HREF="URL#***"></A>(如果锚点在另一个档案)
<A HREF="#***"></A> (如果锚点目前的档案)
连结到目的视框 <A href="/URL" TARGET="***"></A>
设定锚点 <A NAME="***"></A>
图形 <IMG src="/URL">
图形看齐方式 <IMG src="/URL" ALIGN=TOP|BOTTOM|MIDDLE>
图形看齐方式 <IMG src="/URL"
ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>
取代文字 <IMG src="/URL" ALT="***"> (如果没有办法显示图形则显示此文字)
点选图 <IMG src="/URL" ISMAP> (需要CGI程式)
N2.0 点选图 <IMG src="/URL" USEMAP="URL">
N2.0 地图 <MAP NAME="***"></MAP>(描述地图)
N2.0 段落 <AREA SHAPE="RECT" COORDS=",,," href="/URL"|NOHREF>
3.0 大小 <IMG src="/URL" WIDTH="?" HEIGHT="?">(以pixels为单位) N1.0 图形边缘 <IMG src="/URL" BORDER=?> (以pixels为单位)
N1.0 图形边缘空间 <IMG src="/URL" HSPACE=? VSPACE=?> (以pixels为单位)
N1.0 低解析度图形 <IMG src="/URL" LOWsrc="/URL">
N1.1 用户端拉 <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">(使用端自动更新 )
N2.0 内嵌物件 <EMBED src="/URL"> (将物件插入页面)
N2.0 内嵌物件大小 <EMBED src="/URL" WIDTH="?" HEIGHT="?">
3.分隔
段落 <P> (通常是两个return)
3.0 段落 <P></P> (新定义成容器型标签)
3.0 文字看齐方式 <P ALIGN=LEFT|CENTER|RIGHT></P>
换行 <BR> (一个return)
N1.0 文字部份看齐方式<BR CLEAR=LEFT|RIGHT|ALL>(与图形合用时)
横线 <HR>
N1.0 横线对齐 <HR ALIGN=LEFT|RIGHT|CENTER>
N1.0 横线厚度 <HR SIZE=?> (以pixels为单位)
N1.0 横线宽度 <HR WIDTH=?> (以pixels为单位)
N1.0 横线比率宽度 <HR WIDTH=%> (以页宽为100%)
N1.0 实线 <HR NOSHADE> (没有立体效果)
N1.0 不可换行 <NOBR></NOBR> (不换行)
N1.0 可换行处 <WBR> (如果需要,可在此断行)
列举 (可以巢状列举)
无次序式列举 <UL><LI></UL> (<LI> 放在每一项前)
N1.0 公布式列举 <UL TYPE=DISC|CIRCLE|SQUARE>(定义全部的列举项)
<LI TYPE=DISC|CIRCLE|SQUARE>(定义这个及其后的列举项)
有次序式列举 <OL><LI></OL> (<LI> 放在每一项前)
N1.0 数标型态 <OL TYPE=A|a|I|i|1> (定义全部的列举项)
<LI TYPE=A|a|I|i|1> (定义这个及其后的列举项)
N1.0 起始数字 <OL value=?> (定义全部的列举项)
<LI value=?> (定义这个及其后的列举项)
定义式列举 <DL><DT><DD></DL>(<DT>项目, <DD>定义)
表单式列举 <MENU><LI></MENU>(<LI> 放在每一项前)
目录式列举 <DIR><LI></DIR> (<LI> 放在每一项前)
背景与颜色
3.0 重复排列的背景 <BODY background="/URL">
N1.1+ 背景颜色 <BODY BGCOLOR="#$$$$$$"> (依序为红、绿、蓝)
N1.1+ 文字颜色 <BODY TEXT="#$$$$$$">
N1.1+ 连结颜色 <BODY LINK="#$$$$$$">
N1.1+ 看过的连结 <BODY VLINK="#$$$$$$">
N1.1 使用中的连结 <BODY ALINK="#$$$$$$">
4.特殊字元(以下标签需用小写)
特别符号 &#?; (其中 ? 代表 ISO 8859-1 的编码)
< < > > & & " "
注册商标TM ?
N1.0+ 注册商标TM ?
著作权符号 ?
N1.0+ 著作权符号 ?
5.表单 (通常需要与CGI程式配合)
定义表单 <FORM ACTION="URL" METHOD=GET|POST></FORM>
N2.0 上传档案 <FORM ENCTYPE="multipart/form-data></FORM>
输入栏位 <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET">
栏位名称 <INPUT NAME="***">
栏位内定值 <INPUT value="***">
已选定 <INPUT CHECKED> (适用於checkboxes与 radio boxes)
栏位宽度 <INPUT SIZE=?> (以字元数为单位)
最长字数 <INPUT MAXLENGTH=?> (以字元数为单位)
下拉式选单 <Select></Select>
下拉式选单名称 <Select NAME="***"></Select>
选单项目数量 <Select SIZE=?></Select>
多选式选单 <Select MULTIPLE> (多选)
选项 <OPTION>
内定选项 <OPTION SelectED>
文字输入区 <TEXTAREA ROWS=? COLS=?></TEXTAREA>
输入区名称 <TEXTAREA NAME="***"></TEXTAREA>
N2.0 输入区换行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>
6.表格
3.0 定义表格 <TABLE></TABLE>
3.0 表格框线 <TABLE BORDER></TABLE> (有或没有)
N1.1 表格框线 <TABLE BORDER=?></TABLE>(可以设定数值)
N1.1 储存格]]
>
这就是一下简单的。你预习一下。

5、关于网页设计中的无序列表的缩进问题拜托各位了 3Q

ul,li在不同的浏览器中都会有padding或margin几个值的大小 把它设置为0 不能用列表自带的那个点,那个点不行,你可以做个3*3大小的背景来带替那个点

6、网页设计上的无序列表,图1上鼠标上的样式怎么打,那两条浅灰色的线

这个是利用背景和边框来实现的,测试代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.list {width:100px; padding:0; list-style:none; border:1px solid #ccc;}
.list > li {border:8px solid transparent;}
.list > li:hover {color:#fff; background:#999; border-color:#ddd #999;}
</style>
</head>
<body>
<ul class="list">
<li>Home</li>
<li>Contact Us</li>
</ul>
</body>
</html>

7、网页css 无序列表制作前面的标点

第一个问题:这个你可以在给这个页面做标签重置代码:ul{list-style:none;} 这样你整改页面用无序列表时就不会有这样的样式了
第二个问题:我没有怎么听明白。如果要给这些样式定义颜色直接用color属性就行啊。或者设置背景图片

8、网页设计 在html中用div的方法 将有序或无序列表前的数字或者点 改成任意图形logo显示

ul{ list-style-type :none ;} /*这一句是将默认列表的符号去掉。*/
li{ padding-left: 24px; background-image: url('图标路径');} /*这一句是将列表项左缩进一定距离,然后再设一个背景,这个背景是充当列表的图标的。*/

9、网页设计,在自定义无序列表中嵌套有序列表,为什么有序列表的序号被自定义无序列表覆盖了呢?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>无序列表嵌套</title>
    <style>
        ul{
            list-style:none;
            padding:0;
            margin:0;
        }
    </style>
</head>
<body>
    <ul>
        <li>无序列表1</li>
        <li>无序列表2</li>
        <li>无序列表3</li>
        <li>无序列表4
            <ol>
                <li>有序列表1</li>
                <li>有序列表2</li>
                <li>有序列表3</li>
            </ol>
        </li>
        <li>无序列表5</li>
    </ul>
</body>
</html>

这样显示出来的列表都为嵌套 而且有相应的标

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