互联网观察 网站建设 网站运营 网上创业 电子商务 建站软件 建站软件教程 网站开发 网页制作 收藏本站
建站常识 | 域名 | 主机 | 网上开店 | 搜索引擎优化 | 网站推广 | 网络赚钱 | 站长经验 | 个人建站 | 网站设计 | 网页特效 | wap网站

HTML 初学者指南(4)

  这里是一个嵌套列表的例子:

<UL>
<LI> A few New England states:
<UL>
<LI> Vermont
<LI> New Hampshire
<LI> Maine
</UL>
<LI> Two Midwestern states:
<UL>
<LI> Michigan
<LI> Indiana
</UL>
</UL>

这个嵌套列表的显示:

A few New England states:
Vermont
New Hampshire
Maine
Two Midwestern states:
Michigan
Indiana
预排格式文本Preformatted Text
用<PRE> 标记 (表示 "preformatted") 可以产生固定宽度的字体. 该标记同时使空格,新行,和制表键 tabs 有效 (多个空格显示为多个空格, 源文件中的换行也在浏览器中产生换行). 这对于程序清单和其他一些情况是很有用的. 例如, 下面的行:

<PRE>
#!/bin/csh
cd
cfs get mysrc.f:mycfsdir/mysrc.f
cfs get myinfile:mycfsdir/myinfile
fc -02 -o mya.out mysrc.f
mya.out
cfs save myoutfile:mycfsdir/myoutfile
rm *
</PRE>

显示为:

#!/bin/csh
cd
cfs get mysrc.f:mycfsdir/mysrc.f
cfs get myinfile:mycfsdir/myinfile
fc -02 -o mya.out mysrc.f
mya.out
cfs save myoutfile:mycfsdir/myoutfile
rm *

<PRE> 标记可以带一个宽度属性 WIDTH ,指明一行中最多允许的字符数. WIDTH 同时通知浏览器选择一个合适的字体以及文本的缩排.

在 <PRE> 作用的部分中也可以加超链. 但是其他的 HTML 标记应该避免在 <PRE> 的区间中使用.

注意,由于<, >, 和 & 在 HTML 文件中有特殊含义, 在你输入这些字符的时候必须使用它们的转义序列 (分别为&lt;, &gt;, 和 &amp;) . 详细内容参见转义序列 .

大范围引用Extended Quotations
使用 <BLOCKQUOTE> 标记可以在屏幕上用分离的块显示大段的引用. 多数浏览器通常改变引用部分的页边界,以和周围的文本区分开.

在下面的例子中:

<BLOCKQUOTE>
<P>Omit needless words.</P>
<P>Vigorous writing is concise. A sentence should contain no
unnecessary words, a paragraph no unnecessary sentences, for the
same reason that a drawing should have no unnecessary lines and a
machine no unnecessary parts.</P>
--William Strunk, Jr., 1918
</BLOCKQUOTE>

显示结果为:


Omit needless words.

Vigorous writing is concise. A sentence should contain no unnecessary words, a paragraph no unnecessary sentences, for the same reason that a drawing should have no unnecessary lines and a machine no unnecessary parts.

--William Strunk, Jr., 1918




上一篇:HTML 初学者指南(3)
下一篇:HTML 初学者指南(5)
相关分类
网页制作 (4121)
  html教程 (591)
  css教程 (546)
  Dreamweaver教程 (1006)
  JavaScript教程 (834)
  网页制作技巧 (378)
  网页特效 (766)
 



版权所有 Copyright© 2006 黑马建站宝典 联系方式:heima123#gmail.com