HTML快速入门10——主页制作工具简介，UL、OL、DL

关注

转载最新推荐文章于 2026-02-17 00:08:48 发布 2.2k 阅读 AI 写同款· GEO 优化 ›

html 元素 ul 的使用介绍在 Web 前端开发中，ul元素是一个非常常见且重要的 HTML 标签。ul的全称是，意思是无序列表。顾名思义，ul元素通常用于表示一组无序的项目列表，这些项目的排列顺序没有特殊的含义。这与ol（有序列表）元素相对，ol列表中的项目通常表示有序的数据，排序顺序是有意义的。ul元素在 HTML 文档中的作用不仅仅是展示列表内容，它在语义化、可访问性和样式设计等方面也具有重要的作用。理解ul元素的作用，离不开对 HTML 语义、浏览器渲染流程以及前端开发工具的深入理解。ul。阅读详情

主页制作工具

　　前面我们始终坚持自己“手”写HTML代码，这种方式对于简单的代码无疑是
非常高效简便的。但现在很多“所见即所得”的软件在很多情况下可以更好的完
成HTML编码。

　　其中最突出的还是微软的Frontpage。Office 2000中的frontpage2000可以
说是非常好的一个，win98自代的一个简版frontpageExpress也可以出色的完成
一般的主页制作。

　　这里并不打算详细解说软件的使用，有兴趣的朋友可以去寻找一些书籍。
我们只给一些有用的提示。

　　原则上frontpage和Word没有本质区别，你会发现菜单和Word非常类似，
象居中，BIU，等等。基本的操作就是鼠标拖动选择好文字，然后改变属性。

关于颜色
　　字体“A”中可以设置颜色，这是一个可视化的颜色选择，比背英文单词
显然方便了许多。

换行和空格
　　直接回车，将会出现一个空行。因为这对应一个新的<P>，另起一段。
如果按住shift键回车，将出现一个紧跟的新行，这对应一个<BR>。和WORD一样
一个段落你不换行，系统会帮你自己换行。
　　西文空格会直接显示，因为已经对应到&nsps;了，建议要空格时直接用
中文全角空格。

QQ中的使用
　　用frontpage之类的工具制作完成后，你可以查看他的源文件，将<BODY>之间
的内容，作为HTML片段，用于帖子内容。

下面再介绍几个新的标签

UL标签(Unordered List)

　　段落缩进

例子

显示

缩进段落1
- 缩进段落2

说明
　　例子中为了清楚才在第二个UL前面空几格，并不是用的中文空格。
也就是说显示时，缩进段落前面的空白是系统提供的，并不是用空格实现的。
例子写成这样也是一样的：<UL>缩进段落１<UL>缩进段落２</UL></UL>

结合LI(List Item)

例子

显示

列表标题
子标题１
子标题２
子标题３
- 子标题A
- 子标题B

说明
　　<LI>括起来的，浏览器会在前面加一个点，而且可以不断嵌套使用，
浏览器会尽量在不同级别选择不同的样式。

OL标签(Order List)

　　和无序的UL相对，有有序的标签OL

例子

<OL type=1>
<LI>项目１</LI>
<LI>项目２</LI>
<LI>项目３</LI>
<LI>
　　<OL type=a>
　　　　<LI>项目a</LI>
　　　　<LI>项目b</LI>
　　</OL>
</LI>
<LI>
　　<OL type=A>
　　　　<LI>项目A</LI>
　　　　<LI>项目B</LI>
　　</OL>
</LI>
<LI>
　　<OL type=i>
　　　　<LI>项目i</LI>
　　　　<LI>项目ii</LI>
　　</OL>
</LI>
<LI>
　　<OL type=I>
　　　　<LI>项目I</LI>
　　　　<LI>项目II</LI>
　　　　<LI>项目III</LI>
　　　　<LI>项目IV</LI>
　　</OL>
</LI>
</OL>