主页制作工具
前面我们始终坚持自己“手”写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)
段落缩进
例子
<UL>
缩进段落1
<UL>
缩进段落2
</UL>
</UL>
显示
- 缩进段落1
- 缩进段落2
说明
例子中为了清楚才在第二个UL前面空几格，并不是用的中文空格。
也就是说显示时，缩进段落前面的空白是系统提供的，并不是用空格实现的。
例子写成这样也是一样的：<UL>缩进段落１<UL>缩进段落２</UL></UL>
结合LI(List Item)
例子
<UL>
列表标题
<LI>子标题１</LI>
<LI>子标题２</LI>
<LI>子标题３
<UL>
<LI>子标题A</LI>
<LI>子标题B</LI>
</UL>
</LI>
<UL>
显示
- 列表标题
- 子标题１
- 子标题２
- 子标题３
- 子标题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>
显示
- 项目１
- 项目２
- 项目３
-
- 项目a
- 项目b
-
- 项目A
- 项目B
-
- 项目i
- 项目ii
-
- 项目I
- 项目II
- 项目III
- 项目IV
说明
除了前面用序号外和UL是一样的。注意前面的序号是自动添加的。
序号的类型可以用OL的type属性来指定。i和I代表罗马数字。
DL(Dir List)
和UL唯一的不同是第一个DL不缩进。（QQ树状列表就是用DL的）
例子
<DL>
不缩进
<DL>
缩进一格
</DL>
<DL>
显示
-
不缩进
-
缩进一格
练习题
如果能找到fontpage，可以试着用一用。特别试一下颜色。
用预览试一下新学的UL、OL、DL标签。
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
