您现在的位置: 圆点视线 >> 教程 >> 网页设计 >> html教程 >> 文章正文
[图文]Html语言教程           ★★★
Html语言教程
作者:DEDS深度  文章来源:DEDS深度  点击数:  更新时间:2007-10-3 23:29:28 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:

改变条目标记
  1.改变无序清单条目标记
  无序清单输出时,每一条目前都有一个黑色圆点,用户可以用type序性修改条目的标记。type可以是disc 实心圆点 cirde圆圈 square实心方点
<ul>
<li type=disc>ONE
<li type=circle>TWO
<li type=square>THREE
</ul>
输出为:
●ONE
○TWO
■THREE
  2.改变有序清单条目标记
  有序清单条目标记的缺省值是阿拉伯数字,可以用type属性修改。方法为<Litype=#>
#=A, 大写字母
a, 小写字母
I, 大写罗马数字
i, 小写罗马数字
l, 缺省,阿拉伯数字
<ol><li type=A>ONE-ONE
<li>ONE-TWO</ol>
A.ONE-ONE
B.ONE-TWO<ol><li type=a>ONE-ONE
<li>ONE-TWO</ol>
a.ONE-ONE
b.ONE-TWO <ol><li type=I>ONE-ONE
<li>ONE=TWO</ol>
Ⅰ.ONE-ONE
Ⅱ.ONE-TWO<ol><li type=i>ONE-ONE
<li>ONE-TWO</ol>
i.ONE-ONE
ii.ONE-TWO
<ol><li type=1>ONE-ONE
<li>ONE-TWO</ol>
1.ONE-ONE
2.ONE-TWO
  3.改变有序清单条目的超始数字
  有序清单的条目数字在缺省情况下是从1开始的,用start属性可修改这一值。方法为<ol start=#> #是条目起始号
   <ol start=5>
<li type=A>ONE-ONE
<li>ONE-TWO
<ol start=10>
<li>TWO-ONE
<li type=i>TWO-ONE
</ol></ol>E.ONE-ONE
F.ONE-TWO
10.TWO-ONE
xi.TWO-TWO

  清单的嵌套
  各种清单可以相互嵌套,每一个清单条目都可以是一个单独的清单。每嵌套一层,清单条目的输出就会有更大的缩进。请参照上面的例子。

  预排版文本<pre>
html的输出是基于窗口的,因而html文件在输出时都是要重新排版的,若确实不需要重新排版的内容,可以用<pre>…</pre>通知浏览器。浏览器在输出时,对这部分内容几乎不做修改地输出,输出的字体电传打字机字体。早期的html规范规定在预排版区内不能出现格式化输出的元素。如hn等,Netscapr2.0在遇到预排版元素时,允许其中有其他元素。
  <pre>
please use your card.
VISA Master
<b>Here is an order form.</b>
<ul><li>Fax
<li>Air Mail </ul>
</pre>please use your card
VISA Master
Here is an order form.
●Fax
●Air Mail

  块引用<BQ>
块引用表示其中的内容是引用。浏览器内对块引用的解释一般为左右缩进,上下各有一空行,有些浏览器还采用斜体字。

  居中
很多元素都有对齐方式属性,如hn 、p等。也可以直接用居中链接签<center>…</center>
<h3 align=center>
Wonderful!!
</h3>
<center>
This must be my dream.
</center>
Wonderful!!
This must be my dream.

上一页  [1] [2] [3] [4] [5] [6] 下一页

 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:Rainsion    责任编辑:Rainsion  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章:
  • 最新文章
    相关文章
    Dreamweaver超级技巧(中)
    Dreamweaver超级技巧(下)
    Dreamweaver滑动菜单的制作
    Dreamweaver MX应用表格排序
    Dreamweaver的技巧锦集17条
    Dreamweaver技巧大放送前六招
    使用Dreamweaver制作网页事如何使用库
    简单实用的网页表格特效
    DW MX实例:极酷的鼠标外观
    DW MX实例:个性化 IE 滚动条
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门