DBS独立服客服务

查看完整版本: Z-blog“普通编辑模式”教程

rainbowsoft 2006-8-13 14:20

Z-blog“普通编辑模式”教程

[align=center] [size=2]作者:[url=http://junnie.3322.org/]junnie[/url][/size]

[/align]

应[url=http://junnie.3322.org/catalog.asp?auth=4]某人[/url]要求,尝试写出如下教程,本文意在为不懂HTML语言以及Z-Blog的UBB标签的朋友简单介绍一下,不妥之处,还望指教.

[align=center] [size=1][color=red]以下为Z-Blog中HTML标签解释:[/color][/size]

[/align]

" [color=red]<h1>[/color] "标签-按照你的CSS里面的设定,定义不同的标题.<h2>、<h3>……都一样。
[color=red]示例:[/color]  [size=1]标题[/size]


  " [color=red]<a>[/color] "标签-定义超链接.其中" [color=red]<a href="">[/color] "中间为你所要链接的站点地址," [color=red]</a>[/color] "[color=red]前面[/color]则添加你所想要链接的站点(或文章)所表示的文字.
[color=red]示例:[/color] [url=http://junnie.3322.org/]再見,囬憶.[/url]

" [color=red]<p>[/color] "标签-文字分段.
[color=red]示例:[/color]  段落1
  段落2

" [color=red]<br>[/color] "标签-换行,相当于回车.
[color=red]示例:[/color] 第一行
第二行


" [color=red]<b>[/color] "标签-加粗文字.
[color=red]示例:[/color] [b]该段文字被加粗.[/b]

" [color=red]<s>[/color] "标签-删除线.
[color=red]示例:[/color]该段文字已加上删除线.

" [color=red]<u>[/color] "标签-下划线.
[color=red]示例:[/color] [u]这段文字已加上下划线.[/u]

" [color=red]<i>[/color] "标签-斜体字.
[color=red]示例:[/color] [i]这段文字以斜体字表示.[/i]

" [color=red]<img>[/color] "标签-添加图片.其中" [color=red]src=[/color] "中间添加图片地址. " [color=red]width=[/color] "为图片的宽度. " [color=red]height=[/color] "为图片的高度.
[color=red]示例:[/color] [img]http://storage.msn.com/x1pIuxx1VYmtQvTOqJTfRwPcMPy9ntHHHO-Js4tRinjwJ2ZFbzLpbZazeKWMznhETb4BWm3MpUi9RBiJCXV6i2OyfZRIqa1e6TILK5TFlGCbH7mUKLdT7S1223vnsba4rRn[/img]

  [color=red]<ul>、<ol>和<li>[/color]

列表标签:HTML支持无编号列表和有编号列表,而且还可以在列表中套列表。

<UL> … </UL>表示标签之间的列表项目是无编号列表(Unnumbered List)。
<OL> … </OL>表示标签之间的列表项目是有编号列表(Ordered List)。
<LI>:表示标签后面的内容是具体的列表项目(List Item)。

"[color=Red] [/color] "标签-表示空格
[color=red]示例:[/color] 这 几 字 之 间 有 空 格

" [color=red]<[/color] "" [color=red]>[/color] "标签-左.右尖括弧.
[color=red]示例:[/color]  <被括弧了>

" [color=red]<!-->[/color] "标签-为文件加上注解,但不被显示

[align=center] [size=1][color=red]以下为Z-Blog中UBB标签解释:[/color][/size]

[/align]

前面的Font部分很简单,不需讲解罢.
[img]http://blog.rainbowsoft.org/image/edit/aleft.gif[/img],[img]http://blog.rainbowsoft.org/image/edit/acenter.gif[/img],[img]http://blog.rainbowsoft.org/image/edit/aright.gif[/img]
这三个标签分别是:文本居左,居中,居右.

[img]http://blog.rainbowsoft.org/image/edit/bold.gif[/img],[img]http://blog.rainbowsoft.org/image/edit/italic.gif[/img],[img]http://blog.rainbowsoft.org/image/edit/underline.gif[/img]
这三个标签分别是:字体加粗,斜体,下划线.

[img]http://blog.rainbowsoft.org/image/edit/hr.gif[/img]
该标签为:插入一水平线.

[img]http://blog.rainbowsoft.org/image/edit/wlink.gif[/img]
[img]http://blog.rainbowsoft.org/image/edit/email.gif[/img]
这两个标签为:插入超链接,插入邮件地址."="[color=red]后面[/color]为链接地址,"[...][...]"[color=red]中间[/color]为你需要该链接表示的文字.

[img]http://blog.rainbowsoft.org/image/edit/img.gif[/img]
这个标签为插入图片,其中"[color=red]400,300,title[/color]"分别为:图片宽度,图片高度,图片标题."[color=red]upload/[/color]"部分为图片地址.

[img]http://blog.rainbowsoft.org/image/edit/wmp.gif[/img]
这个标签为添加Windows Media Player所播放的音频或视频文件的,如:WMA,WMV,MP3等等.其中"[color=red]AUTO,400,300[/color]"分别定义播放方式,宽度,高度."[color=red]upload/[/color]"部分为文件的地址,系统会自动替换成绝对路径.

[img]http://blog.rainbowsoft.org/image/edit/rm.gif[/img]
这个标签为添加Real Player所支持的音频或视频文件的,如:RM,RAM等等.其中"[color=red]400,300,True[/color]"分别定义宽度,高度,播放方式.播放方式:[color=red]True[/color]表示自动播放,[color=red]False[/color]表示不自动播放."[color=red]upload/[/color]"部分为文件的地址.

[img]http://blog.rainbowsoft.org/image/edit/code.gif[/img][img]http://blog.rainbowsoft.org/image/edit/codelite.gif[/img]这两个标签的作用为:显示代码,若您想代码以原始形式而非运行后的效果显示,可使用这个标签.
[color=red]示例:[/color][i] (缺失)[/i] 这段代码本来将以运行后的形式显示,本例即显示为图片形式,但现在却显示为原始代码形式.

仓促完成,不足之处,还望指教.[url=http://junnie.3322.org/]再見,囬憶.[/url]

[[i] 本帖最后由 月上之木 于 2007-2-21 00:30 编辑 [/i]]

UooJoo 2007-1-27 20:00

SHARE FUNS !

wahahaha 2007-2-16 20:34

学习到.

阿弗莱克 2007-2-21 00:14

这是很基础的东西呀!

haphic 2007-2-21 02:52

如果本来不会用的话, 看了这个文章会很危险的, 搞不好会把页面弄乱的. 比如忘了关闭标签.
写代码是很严谨的工作, 如果本来不是写网页的还是用FCK好了.

kola110 2007-4-8 14:46

好贴,又学到新东西了

onefly 2007-4-10 17:15

FCK 加载速度太慢了,对于网速不是很快的用户来说,还是 UBB 编辑方式好!:lol

net520 2007-6-4 11:27

通俗易懂,支持

fipi 2007-6-5 13:48

不错,好东西,原来一直用o-blog的程序,最近准备来试试,正在安装调试中。

331545400 2008-9-13 16:45

哦 学习了
页: [1]
查看完整版本: Z-blog“普通编辑模式”教程