当前位置: 主页 > 网页制作 > CSS > 主页制作工具简介,UL、OL、DL

主页制作工具简介,UL、OL、DL

时间:2009-10-19来源:互联网 点击:
 主页制作工具

  前面我们始终坚持自己“手”写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>缩进段落1<UL>缩进段落2</UL></UL>

    结合LI(List Item)

    例子

    <UL>
    列表标题
    <LI>子标题1</LI>
    <LI>子标题2</LI>
    <LI>子标题3
  <UL>
  <LI>子标题A</LI>
  <LI>子标题B</LI>
  </UL>
    </LI>
    <UL>

    显示

    列表标题
    子标题1
    子标题2
    子标题3
    子标题A
    子标题B
    说明
  <LI>括起来的,浏览器会在前面加一个点,而且可以不断嵌套使用,
浏览器会尽量在不同级别选择不同的样式。

    OL标签(Order List)

站长资讯网
.
分页: [1] [2]
TAG: ul ol dl
推荐内容最近更新人气排行
关于我们 | 友情链接 | 网址推荐 | 常用资讯 | 网站地图 | RSS | 留言