主页制作工具简介,UL、OL、DL [ 网站地图 ]

发表于:2009-10-19 浏览:137 作者: 来源:互联网

关键字:ul,ol,dl

描述: 主页制作工具   前面我们始终坚持自己“手”写HTML代码,这种方式对于简单的代码无疑是非常高效简便的。但现在很多“所见即所得”的软件在很多情况下可以更好的完成HTML编码。   其中最突出的

 主页制作工具

  前面我们始终坚持自己“手”写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)

{[csc:pagelist]} 和无序的UL相对,有有序的标签OL

    例子

    <OL type=1>
    <LI>项目1</LI>
    <LI>项目2</LI>
    <LI>项目3</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>

    显示 

    项目1
    项目2
    项目3

    项目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>

    显示

    不缩进
    缩进一格


站长资讯网 做中国最丰富的资讯网站 沪ICP备05004089号