HTML语法制贴教程汇总

标题: HTML语法制贴教程汇总
majian-008
支柱会员
Rank: 3Rank: 3Rank: 3

UID 49268
精华 0
积分 912
帖子 330
金币 1565
威望 912
阅读权限 30
注册 2006-3-25
状态 离线
发表于 2006-4-30 09:32
HTML语法制贴教程汇总
《HTML代码简介》


第一讲:HTML的简介

HTML 语言是解释执行语言,就是说不需要编译,直接由浏览器解释执行。以较专业一点的语言说:HTML 叫做超文本标记语言,是一种建立网页文件的语言(HyperText Markup Language),透过标记式的指令 (Tag),可用任何文本编辑器或网页专用编辑器编辑,完成后以 .htm 或 .html 为文件后缀保存。由浏览器解释,将影像、声音、图片、文字等连结显示出来。

HTML文件是一种可用任何文本编辑器创建的ASCII码文档。这些编辑器包括常见的写字板,记事本,word等。推荐大家用记事本方便一些!

一:文件的基本结构:

HTML标记是由 < 和 > 所括住的指令所构成,由 < 起始标记 >,< / 结束标记 >构成的叫双标记指令。如center是居中命令,但居中的文字到何处结束,必需还得一个/center;对于不要结束标记的叫单标记指令,如换行指令br 。

我们把指令集中在一起看:
  html 表示这是一个网页 /html
  head 网页头部 /head
  title 标题 /title
  br  换行
  nobr 不换行 /nobe
  p 分段
  center 居中 /center
  hr size=XXpx width=XXpx color=XXXXXX 画横线
  div定义一个区域 /div
  body style=line-height:XX 设置页面行高
  p style=line-height:XX 在一段中设置行高
  div style=line-height:XX 在一个区域内设置行高
  div align=XX 在一个区域内设置字符靠左、右、中




二、色彩代码

色彩代码由“color=######”表示。
“bgcolor=ff0000”表示给背景加红色,“font color=ffff00”表示给字加黄色。
如果你不懂16进制,我再从头说起:16进制就是逢16进位,那10不进位,
9以上的数字用什么表示,用“A、B、C、D、E、F”。你可以算出“A”相当于10,
“B”是11……“F”是15,“F”再加1才该进位,进位后是“10”,为了和十进制区别,
一般在前面加“#”号表示十六进制,这就是:#10=16 、#11=17、……#19=25、
#1A=26、……#1f=31、#20=32……在十六进制中常用两位,那就是最大为“#ff”,
不难算出按十进制是255了。浏览器对代码的解释默认为十六进制,所以“#”号也
可以省略。
  色彩代码就是用“00”到“FF”把色度分为256级,“00”为最低,“FF”最高。使用
六个十六进制字符表示合成颜色,其中前两位表示“红”色的值,中间两位表示“绿”
色值,后两位表示“兰”色值。上面例子中“bgcolor=ff0000”里的“红”最高值,“绿”“兰”
都是最低值,就是说背景色是纯“红”的了。如果用“00ff00”就是纯“绿”色,“0000ff”是
纯“兰”色。上面的“ff”都是最高值,如果达不到最高该色就发暗,从下图可以看出一
些代码的颜色。

bgcolor=00ff00 bgcolor=0000ff bgcolor=9f0000 bgcolor=009f00 bgcolor=00009f


  以上我们只给一种色以较大的值,另外两色都是最低值“00”,这叫“单色”,
“红”“绿”“兰”这三个单色叫“三原色”,千变万化的各种颜色都是用三原色以不同的
比例合成的,如“红+兰=紫”“红+绿=黄”“兰+绿=青”,当然如果三原色都达最
大值就是“白”,都最小值就是“黑”了。


bgcolor=ffffff bgcolor=ff00ff bgcolor=ffff00 bgcolor=00ffff bgcolor=000000


  从上面两原色合成的色还随两色的比例不同而变化为多种色。如“红+兰=紫”,
还可调成偏红、偏兰的紫色。


bgcolor=ff009f bgcolor=ff00bf bgcolor=df00ff bgcolor=bf00ff bgcolor=af00ff

每个原色可有 256 种彩度,故此三原色可混合成一千六佰多万的颜色。
  你自己试试吧,通过色代码中的值的变化,你可以设置出任意的你自己喜欢的颜色。
  “bgcolor=######”是设置背景色,这代码放在 body 里面就设置整个页面的背景色,
以后学了表格代码,如果你放在某一单元格中,就设置这一个单元的背景色。
   如果你掌握了彩色代码的使用,你会发现比用各种所见所得的编辑网页
软件有更大的自由。


第二讲:HTML的文档处理
一:字体设置
网页中常用的字体尺寸定义有7个号,1号字最小,7号字最大,定义字号的
指令代码是尖括号内:[font size=X] 。
为了便于正常显示,< >暂时用[ ]代替。
各种字号尺寸如下:


[font size=1]一号字尺寸式样
[font size=2]二号字尺寸式样
[font size=3]三号字尺寸式样
[font size=4]四号字尺寸式样
[font size=5]五号字尺寸式样
[font size=6]六号字尺寸式样
  
  对于标题字要求比正文字体粗些,可用[hX]定义,其中“h”后面是字号,“h1”最大,“h7”最小。如下:



[h2]二号标题字  [/h2]
[h3]三号标题字  [/h3]
[h4]四号标题字  [/h4]
[h5]五号标题字  [/h5]
[h6]六号标题字  [/h6]
还有一种用点阵定义字体尺寸的方法,
就是在[body]、[p]或[div]里面加上参数:“style=font-size:XXpx”
  下面用点阵定义几行实例供参考:

     [div style=font-size:9px ]表示9点阵字体式样


[div style=font-size:10px] 表示10点阵字体式样


    [div style=font-size:12px] 表示12点阵字体式样


   [div style=font-size:14px]表示14点阵字体式样


   [div style=font-size:18px]表示18点阵字体式样


  [div style=font-size:22px]表示22点阵字体式样


  除尺寸大小外,还有一些字体设置代码:
  b 粗体字
  i 斜体字
  u 加底线
  del 横线 ( 表示删除 )
  字体sup 上标 ——显示结果: 字体上标
  字体sub 下标 ——显示结果: 字体下标

  另外HTML中还有很多逻辑标记字体的代码,因逻辑定义依不同浏览器有
不同的显示结果,你编的网页别人看着和你看着不一定相同,所以一般最好不
要使用这些代码,这里就不再作介绍了。


  字符颜色的设置,前面已经提到过,指令代码是:[font color=XXXXXX]
其中六个十六进制数的定义在前面讲的色彩代码中已详细叙述,你自己试着看吧。
  [font color=ff0000] 兰、绿都为“00”,字体为红色
  [font color=00ff00] 兰、红都为“00”,字体为绿色
  [font color=0000ff] 红、绿都为“00”,字体为兰色

  浏览器在显示汉字时默认为标准“宋体”字,如要改为其他字体,可在 font 里面加上“face=XX”参数来指定,但因这指令是调用客户端电脑里的字体,所以只有客户安装
有该种子字体时才能正确显示,否者仍然只显示“宋体”字。所以一般不要用特殊的不常
用的字体。
  font face=/@方正隶二简体 如果你没有安装隶书字库那么现在看
到的仍然是宋体
  在有些标记中可以放很多设置参数,各项之间用空格隔开。这些设置参数放在不同
的标记中,其作用范围是不同的。系统的默认参数是:标准宋体字、字号3号、
背景白(ffffff)、字色黑(000000)、行高度等于字高。如需要改变这些参数,就要重新设置。
设置参数如果放在[body]里面,将对整个页面起作用,也就是说直到/body为止;
如参数放在font里面,则作用范围到/font为止;如放在div里面,作用范围到/div为止。
在某一设置参数作用范围以外的仍然按默认参数或按作用范围更大的设置参数执行。
  如:body bgcolor=ddffee text=0000ff style=font-size:14px;line-height:140%>
  这行代码设置了“bgcolor=ddffee”背景为稍偏绿的亮青色;“text=0000ff”正文字符为兰色;
  “style=font-size:14px;line-height:140%”字体尺寸为14点阵,行高为字高的140%


二: 段落标记与文字布局
2.1 文字换行
换行标记是放在文字结尾处使得其后的文字在下一行显示。

2.2 段控制
标记是放在文字后,使得其后文字空一行后换行显示。

的属性align用来设置文字的对齐方式。属性值是center(居中对齐),left(向左对齐),right(向右对齐)

2.3 文字的分区显示
属性是


属性值也有三个,与上同,他主要用在许多段落的布局。

2.4 预格式化文本
在有多个空格时,HTML只默认一个空格。要使用多个空格,需要加入。
所以,这种方法对处理较为复杂的文档格式就很麻烦,用预格式化标记
就很方便其格式是:

预先排好的内容


2.5 超级链接
其标记为格式为:热点内容(文字图片)



第三讲:表格的使用(重点)
表格是用 table 来定义其开始用 /table定义其结束的,必须与table 标记配合使用的
还有 tr 和 td 标记,构成表格的简单格式如下:
table
tr
td
/td
/tr
/table

一:表格的主要属性
1.1table 标记的主要属性
align定义表格的对齐方式,有三个属性值:align=中center,左left,右right
background定义表格的背景图案,属性值为background=图片的地址
bgcolor定义表格的背景颜色,属性值是bgcolor=各种颜色代码
border定义表格的边框宽度,属性值是border=数字
bordercolor定义表格边框的颜色,属性值是bordercolor=各种颜色代码
cellpadding定义单元格内容与单元格边框之间的距离,属性值是cellpadding=数字
cellspacing定义表格中单元格之间的距离,属性值是cellspacing=数字
height定义表格的高度,属性值是height=数字
width定义表格的宽度,属性值是width=数字

1.2 tr 标记
表格是由多行与多列组成的,tr 标记用来定义表格的一行,他的属性极其属性值
定义的是表格中的该行,其主要属性与属性值如下:
align定义对齐方式,属性值与上相同
background定义背景图案 bgcolor定义背景色

1.3 td 标记。
用 td 标记概况起来的内容表示表格的单元。其主要属性与属性值和 table 标记的
一样,补充两个合并列和行的代码:
colspan定义合并表格的列数,属性值是数字
rowspan定义合并表格的行数,属性值是数字

.

搜索更多相关主题的帖子: [html] [法制] [汇总] [标记] [定义] [属性] [字体] [bgcolor] [表格] [代码]

顶部
推荐阅读:
新托福听力文化背景资料汇总 路由收敛和路由汇总的区别和配置 常用英语俚语小汇总
45招绝密电脑全面小技巧汇总 45招绝密电脑全面小技巧汇总 高数、线代、概率所有知识点汇总
销售英语汇总 [公告]国学书目汇总 【分享】各类电子书汇总、免费下载(共39本)
《小晓日语 日语等级留学资料汇总》 【转帖】经典QQ表情大汇总 MBA专业术语汇总
Windows XP SP2 2008 年 4 月 2008年高考化学知识点大汇总(整理)-旧人教1 英语语法大全汇总
八字速断诀技术汇总 Windows XP SP2 2008 年 4 月 初中物理概念汇总
面试礼仪 面试的基本形式汇总 洛阳美食 汇总的哦 IELTS阅读突破必背---介词短语汇总
Excel汇总专家V4.1 绿色特别版 小学法制主题教育活动方案 扒“流行货”的皮! 八大烂街主板汇总
股票及操作基础知识汇总 十年英语题目分类汇总 新课标初中物理主要本教材目录汇总
小学一年级拼音汇总 日语不太常用的一级词组汇总 七年级语文下古文汇总
求五年级科学和思想品德知识汇总 HTML转换TXT 雅思口语问题精华汇总
佛教节日汇总 办公室英语汇总10句 初一(1)班汇总成绩
西方经济学重要问题汇总 简单实用的育儿经验汇总 79届奥斯卡红毯华服汇总
【DOC】苏教版六年级试卷汇总.doc 经典语录汇总 [分享]四级词组汇总
多音字汇总 《人力资源管理》知识点汇总 (四)宝宝长牙汇总
晚间私募信息汇总 2008-09-24 拍手歌汇总 关于脱发的文章汇总

majian-008
支柱会员
Rank: 3Rank: 3Rank: 3

UID 49268
精华 0
积分 912
帖子 330
金币 1565
威望 912
阅读权限 30
注册 2006-3-25
状态 离线
发表于 2006-4-30 09:35
回复: HTML语法制贴教程汇总
第四讲:页面布局  


由于浏览器不识别文本中的格式,文字都连续显示在屏幕上,需要按什么格式显示,
必需加格式控制符,如“br”就是换行控制符。常用的还有分段符“p”,用“p”
不仅将以后文字换到下行,而且还插入一空行。如连用两个“br”“br”与换成一
个“p”可完成同样功能。
  还有一个强制不换行指令<nobr>,到一个</nobe>中间的字符都在一行显示。
  浏览器对于文本中的空格,不管多少只认一个空格。必须把输入法条中的“半角”
改成“全角”也就是把“半月”形标志改为“满月”形的再输入空格,浏览器才识别,
因为这种“空格”实际上完全不同于西文空格,这是在汉字库中的一种不可显示的具有
两个ASC代码的一种字符,所以浏览器可以完全保留这种空格。在HTML代码中也有专用
的空格代码,就是在&nbsp表示空格,不过嫌麻烦,一般人不常用。只是在西文输入中
没有“全角”空格,才用&nbsp,每&nbsp表示一个半角空格。
  在页面中有时需要用横线分切内容,“hr”是画线指令,在这个指令中还可以设置
线尺寸和颜色。线的横向尺寸我们习惯叫“长度”,这里我们叫“宽”,是按屏幕来说
的,我们的屏幕横向叫“宽”,纵向叫高,所以也把线的横向尺寸叫“宽”。指令格式
如下:
“hr size=XXpx width=XXpx color=XXXXXX>”
  其中“size=”纵向尺寸、“width=”横向尺寸、“color=”线条颜色。“px”表
示“点”,就是以多少个“点”来定义尺寸。或者有人问那这一个“点”是多大呀!这
可要看你的显示器了,你现在的显示模式如是“600X800”,横向看你的屏幕就是800个
点,每个点大小你自己算吧。如果你还不清楚,下面我给你画个线看:这线是纵向尺寸
4点,横向尺寸400点,颜色是红,代码是: “hr size=4 width=400 color=ff0000”。


--------------------------------------------------------------------------------

  各项参数之间要有空格,注意这可是“半角”空格。以后注意在书写代码时所有字符
必须在“半角”状态下输入,如误用了“全角”字符,系统是不承认的。另外对初学者还
要提醒一项,有些服务器对字符的大、小写也是敏感的,就是说同一个字符的大写和小写,
系统认为是两个不同的字符,这点在写网页时也应注意。
  在页面中两行文字中还需要设置间距,使用指令是:“style=line-height:XX”
  其中“XX”可以是每行高度在屏幕上的点数,也可以是与文字的比例。如要使每行高
度是文字高度的1.5倍,就设“style=line-height:150%”,这样行与行间就有半个字的
空间。也可以点数来设,“style=line-height:20px”,表示每行所占高度的尺寸是20点。
设置参数可以放在<body>里面,这是对整个页面有效,如“body style=line-height:20px”,也可以放在分段符里,只对该段设置,如“p style=line-height:20px”。
 为了对某一部分内容设定格式,要用一个定义区域的指令,“div”定义区域,
用“/div”结束。
  在“div”里面可以放很多设置参数,如上面的行高度也可以放在“div”里面:
“div style=line-height:20px”。
  “div”里面还可把字符安排为靠左、靠右、居中,指令格式分别是:
  “div align=left、div align=right、div align=center ”


注意:引号内的内容,使用时两端要换成<>括起来,这里为了能正常显示用“”代替。

第五讲:图片,音频,和滚动字幕
一:图片的使用
1. 在页面中插入图片
在页面中插入图片用< IMG>标记,通过对<IMG>标记的属性值的调节可以控制图片
在页面中的精确显示。其格式如下:
<IMG src=“图片地址” 属性1=属性值 属性2=属性值>
图片的属性主要有高度(height),宽度(width),对齐方式(align)等,属性值
主要是数字,对齐方式的属性值为:center,left。right。

2. 用图片作为超链接
图片可以做为超链接的热点内容。此时要与A标记配合使用,其格式为:
<a herf=“超链接的文件名”><img src=“图片文件名”></a>


二:音频的使用
管它mms.http.rtsp.只要看后缀尾档是asf.wma.wmv.wmv.rm.通通可以适用下面的
代码:embed src="歌的地址" width="350,80%" height="60,80%">

三:移动字幕的使用
移动字幕使用<MARQUEE>标记,其基本格式:<marquee 属性=属性值>滚动内容</marquee>
它的主要属性及其属性值如下:
对齐方式(align)其属性值是center,left,right
移动字符的背景色(bgcolor)属性值为颜色代码。
移动字符的循环次数(loop)属性值为数字。
移动方式(behavior)属性值为:scroll:文字单向移动,side:移动到边界停止,alternate:到边界后反向移动
文字高度和宽度,以象素为单位(width height)属性值为数字。
字符左右留白长度(hspace)属性值为数字。
字符上下留白长度(vspace)属性值为数字。
字符的移动速度(scrollamount)属性值为数字。
字符移动每步的延时(scrolldelay)属性值为数字。

四:视频的使用
1.[视频]语法也可以这样(贴RM,WMV格式) 代码:<embed src="歌的地址" width=400 height=300>
2.这个代码是需要点击才可以播放的,适用于试听(rm/MP3/RA/WMA) 代码:
<EMBED src=歌曲名 volume="100" width=39 height=18 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton"></embed>
3.这个代码是自动播放的,也是用于试听(类型同上)代码:
<embed src="歌曲的地址 带http的" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true">
RM的视频用这个代码 :
[ra].mp3[/ra]
Flash: http://www.9394bbs.com/bbs/.wma
所有的网址看脑袋或尾巴就可以了,格式照葫芦画瓢

在这里经常玩的朋友可能都看过在帖子里躺好的播放器
这样预备运行放置的坏处是:
①不是帖子打开就能同时播放
②有的时候帖子即便打开也要等一等,里面的连接没加载上去
③看起来不神秘
好处是:
①一张帖子里可以同时放上好几首歌曲
②不和推荐的作为背景的音乐相冲突
③完全靠手动,可以随时播放,暂停或停止。

第六讲:帖子实例
1:图上做文字

其实做帖子主要用到的就是表格,所以上面提到表格是重点内容,要做好的帖子,
一定要学好上面讲的表格,熟悉得了解表格的所有属性及其属性值,只要了解了这些
代码的基本意思,就可以自己灵活运用,可以随便组合代码,帖出你想要的效果来。

上面提到过表格的标记<bable>必须和<tr> <td> 标记配合使用,这里请大家注意一下
<table>和<tr> <td>的配合!

上面所讲的都是基本内容,不了解那些代码的意义就谈不上自己组合代码,所以,
一定要学好基础知识,不然,做帖子都只能永远套用别人的现成代码!

顶部
majian-008
支柱会员
Rank: 3Rank: 3Rank: 3

UID 49268
精华 0
积分 912
帖子 330
金币 1565
威望 912
阅读权限 30
注册 2006-3-25
状态 离线
发表于 2006-4-30 09:36
回复: HTML语法制贴教程汇总
网页基本知识


  学编网页用什么软件好?我建议什么专业软件都不要用,就用一个普通的文本编辑器,
如 Windows 里面的“记事本”就行。有人说那太“笨”了,专用软件既省劲,编出来的网页又
漂亮,现在谁还去学那烦琐的代码语言。可是,如果你是想学知识,还是从这里起步吧,
你学会了代码语言,以后不管用什么专业编辑软件,都不用学就会用的,可如果你用某一
个专用软件学,其他软件你倒不一定会用。
  你要学过其他编程语言,那学编网页的 HTML 代码是很容易的;即使你没有学过任何
编程语言也不要紧,这比其他语言好学得多,你就放心跟着我往下走吧。
  HTML 语言是解释执行语言,就是说不需要编译,直接由浏览器解释执行。不懂编程的
可能对这句不太好理解,不用管他,你只管照着下面的代码写就行,一试就懂了。






HTML基本语法

  如果你没有任何编程基础,跟我来吧。打开“记事本”,照着下面左边的格式把代码写进
去。写好后选择“文件”“另存为”,在弹出的对话框中选择“所有类型”,给文件起一个扩展名为
.htm 的名字存盘。如名叫:abc.htm 吧。然后双击这个文件,你看浏览器自动打开了吧,是
不是象右边这样!这就是你的第一个网页了。







abc.htm - 记事本
<html>
<head>
<title>学做网页</title>
</head>
<body>
<center>我的第一个网页 </center>< br>< br>
  如果你没有任何编程基础,跟我来吧。打开记事本,照着下面把代码写进去,然后另存为 .htm 文件。
</body>
</html>

学做网页 - Microsft Internet Explorer
我的第一个网页

  如果你没有任何编程基础,跟我来吧。打开记事本,照着下面把代码写进去,然后另存为 .htm 文件。









  
上面两个窗口左边是在笔记本中写的,右边是用浏览器打开的界面,啊!我写了十行怎么
只显示三行文字,其余的都哪里去了!一对比你会发现,< >内的东西都不显示,这是因为
浏览器把< >内的代码都解释为如何显示页面的“命令”,浏览器只去“执行”这些“命令”,并不
把命令的原文显示出来。
  好了,这你就懂得什么是解释执行程序了,下面我们就看左边记事本中的代码都什么
意思:第一行<html>,表示这是一个网页的开始,相对最后一行</html>表示此网页到此
结束;第二行<head>和第四行</head>之间是文件的“头”部,“头”里面可有标题和对网页的
各种设置;第三行<title>和</title>之间是标题,标题也不在正文中显示,而是显示在浏览
器的标题栏中的;<body>下面才是正文,同样</body>是正文的结束;第六行<center>表
示“居中”,浏览器在显示以后的内容时,就放到屏幕的中间显示,</center>是居中结束,
以后的内容还按左对齐的格式显示;<br>是换行符,没有换行符的话,只有右边显示到边
时才换行的,浏览器并不能识别编辑文件时的“回车”。同时浏览器还不认文本中的“半角”空
格,如第七行前面的空格必需用“全角”输入,也就是要将汉字输入条中的那个“半月牙”点击
面“园月”才行。
  另外还要再提醒一下,可能有些初学电脑的并没有从DOS起步,对磁盘文件和目录不
太清楚,那你还要注意你“保存”文件时是用的哪个目录,不然下次你又找不到自己的文件了。
最好你在磁盘的“非活动分区”——啊!是不是又“专业”了一点,那就直接说你就在“D”盘或“E”
盘上先建立一个空目录,为啥不放在“C”盘,“c”盘的文件易“丢失”或受病毒破坏。如你建立的
目录名叫“HTML”吧,那你在保存文件时,就先选择“D”盘,再打开“HTML”目录,以后把你写
的所有网页文件都放在这里,因为以后多网页之间还要建立关系,不放在一起就不好找关联
路径。以后往服务器上传时,也容易集中上传。如果感到每次打开目录时不方便,还可在“桌
面”建立一个“快捷方式”。
  我们以较专业一点的语言说:HTML 叫做超文本标记语言,是一种建立网页文件的语言
(HyperText Markup Language),透过标记式的指令 (Tag),可用任何文本编辑器或网页专用
编辑器编辑,完成后以 .htm 或 .html 为文件后缀保存。由浏览器解释,将影像、声音、图
片、文字等连结显示出来。
  HTML标记是由 < 和 > 所括住的指令所构成,由 < 起始标记 >,< / 结束标记 >构成的
叫双标记指令。如<center>是居中命令,但居中的文字到何处结束,必需还得一个</center>;
对于不要结束标记的叫单标记指令,如换行指令<br> 。
  第一个网页成了,还高兴不起来呀!太简单了,人家的都是五彩缤纷的页面——好!下一步
就认识一下彩色的代码吧。

彩色基本知识

  打开笔记本,将原文件的<body>里面加上“bgcolor=ff0000”,在后面再写代码
<font color=ffff00>,如下左窗口里面用红色标记的代码,存盘后再用浏览器打开观
看,是否成了右面的界面显示了。






abc.htm - 记事本
<html>
<head>
<title>学做网页</title>
</head>
<body bgcolor=ff0000> <font color=ffff00>
<center>我的第一个网页 </center>< br>< br>
  如果你没有任何编程基础,跟我来吧。打开记事本,照着下面把代码写进去,然后另存为 .htm 文件。
</body>
</html>

学做网页 - Microsft Internet Explorer
我的第一个网页

  如果你没有任何编程基础,跟我来吧。打开记事本,照着下面把代码写进去,然后另存为 .htm 文件。









  就这么简单啊!就是这几个“ff”“00”就把页面大改观了。如果你还不懂16进制,
我再从头说起:16进制就是逢16进位,那10不进位,9以上的数字用什么表示,
用“A、B、C、D、E、F”。你可以算出“A”相当于10,“B”是11……“F”是15,“F”再
加1才该进位,进位后是“10”,为了和十进制区别,一般在前面加“#”号表示十六进
制,这就是:#10=16 、#11=17、……#19=25、#1A=26、……#1f=31、#20=32……
在十六进制中常用两位,那就是最大为“#ff”,不难算出按十进制是255了。浏览器
对代码的解释默认为十六进制,所以“#”号也可以省略。
  色彩代码就是用“00”到“FF”把色度分为256级,“00”为最低,“FF”最高。使用六
个十六进制字符表示合成颜色,其中前两位表示“红”色的值,中间两位表示“绿”色值,
后两位表示“兰”色值。上面例子中“bgcolor=ff0000”里的“红”最高值,“绿”“兰”都是最低
值,就是说背景色是纯“红”的了。如果用“00ff00”就是纯“绿”色,“0000ff”是纯“兰”色。
上面的“ff”都是最高值,如果达不到最高该色就发暗,从下图可以看出一些代码的颜色。






bgcolor=00ff00 bgcolor=0000ff bgcolor=9f0000 bgcolor=009f00 bgcolor=00009f

  以上我们只给一种色以较大的值,另外两色都是最低值“00”,这叫“单色”,“红”“绿”“兰”这三个单色叫“三原色”,千变万化的各种颜色都是用三原色以不同的比例合成的,如“红+兰=紫”“红+绿=黄”“兰+绿=青”,当然如果三原色都达最大值就是“白”,都最小值就是“黑”了。





bgcolor=ffffff bgcolor=ff00ff bgcolor=ffff00 bgcolor=00ffff bgcolor=000000

  从上面两原色合成的色还随两色的比例不同而变化为多种色。如“红+兰=紫”,
还可调成偏红、偏兰的紫色。





bgcolor=ff009f bgcolor=ff00bf bgcolor=df00ff bgcolor=bf00ff bgcolor=af00ff

  两原色值同时减少将变暗;如值已最大但还嫌暗,再加入第三色时将可使亮度提高。





bgcolor=900090 bgcolor=b000b0 bgcolor=ff60ff bgcolor=ffa0ff bgcolor=ffe0ff
bgcolor=009090 bgcolor=00b0b0 bgcolor=60ffff bgcolor=90ffff bgcolor=d0ffff
bgcolor=909000 bgcolor=b0b000 bgcolor=ffff60 bgcolor=ffffa0 bgcolor=ffffd0

  每个原色可有 256 种彩度,故此三原色可混合成一千六佰多万的颜色。
  你自己试试吧,通过色代码中的值的变化,你可以设置出任意的你自己喜欢的颜色。
  在上面的例子中,“bgcolor=######”是设置背景色,这代码放在<body>里面就设置整个页面的背景色,以后学了表格代码,如果你放在某一单元格中,就设置这一个单元的背景色。
  <font color=######> 这代码是设置字体色,上例中<font color=ffff00>就设置了黄色字。 如果你掌握了彩色代码的使用,你会发现比用各种所见所得的编辑网页软件有更大的自由。你要有兴趣的话,将色代码连续改变多次,看都得到什么颜色,用不了二个小时,你就懂得“色的合成”原理了。

顶部
majian-008
支柱会员
Rank: 3Rank: 3Rank: 3

UID 49268
精华 0
积分 912
帖子 330
金币 1565
威望 912
阅读权限 30
注册 2006-3-25
状态 离线
发表于 2006-4-30 09:36
回复: HTML语法制贴教程汇总
页面布局

  前面说过,浏览器不识别文本中的格式,文字都连续显示在屏幕上,需要按什么格式显示,必需加格式控制符,如上面的<br>就是换行控制符。常用的还有分段符<p>,用<p>不仅将以后文字换到下行,而且还插入一空行。如上例中连用<br><br>如换成一个<p>就可完成同样功能。
  还有一个强制不换行指令<nobr>,到一个</nobe>中间的字符都在一行显示。
  浏览器对于文本中的空格,不管多少只认一个空格。上面说的把输入法条中的“半月”形标志改为“满月”形的再输入空格,浏览器才识别,是因为这种“空格”实际上完全不同于西文空格,这是在汉字库中的一种不可显示的具有两个ASC代码的一种字符,所以浏览器可以完全保留这种空格。在HTML代码中也有专用的空格代码,就是在&nbsp表示空格,不过嫌麻烦,一般人不常用。只是在西文输入中没有“全角”空格,才用&nbsp,每&nbsp表示一个半角空格。
  在页面中有时需要用横线分切内容,<hr>是画线指令,在这个指令中还可以设置线尺寸和颜色。线的横向尺寸我们习惯叫“长度”,这里我们叫“宽”,是按屏幕来说的,我们的屏幕横向叫“宽”,纵向叫高,所以也把线的横向尺寸叫“宽”。指令格式如下:
<hr size=XXpx width=XXpx color=XXXXXX>
  其中“size=”纵向尺寸、“width=”横向尺寸、“color=”线条颜色。“px”表示“点”,就是以多少个“点”来定义尺寸。或者有人问那这一个“点”是多大呀!这可要看你的显示器了,你现在的显示模式如是“600X800”,横向看你的屏幕就是800个点,每个点大小你自己算吧。如果你还不清楚,下面我给你画个线看:这线是纵向尺寸4点,横向尺寸600点,颜色是红,代码是: <hr size=4 width=600 color=ff0000>。

--------------------------------------------------------------------------------

  各项参数之间要有空格,注意这可是“半角”空格。以后注意在书写代码时所有字符必须在“半角”状态下输入,如误用了“全角”字符,系统是不承认的。另外对初学者还要提醒一项,有些服务器对字符的大、小写也是敏感的,就是说同一个字符的大写和小写,系统认为是两个不同的字符,这点在写网页时也应注意。
  在页面中两行文字中还需要设置间距,使用指令是:“style=line-height:XX”
  其中“XX”可以是每行高度在屏幕上的点数,也可以是与文字的比例。如要使每行高度是文字高度的1.5倍,就设“style=line-height:150%”,这样行与行间就有半个字的空间。也可以点数来设,“style=line-height:20px”,表示每行所占高度的尺寸是20点。设置参数可以放在<body>里面,这是对整个页面有效,如<body style=line-height:20px>,也可以放在分段符里,只对该段设置,如<p style=line-height:20px>。
  为了对某一部分内容设定格式,要用一个定义区域的指令,<div>定义区域,用</div>结束。
  在<div>里面可以放很多设置参数,如上面的行高度也可以放在<div>里面:<div style=line-height:20px>。
  <div>里面还可把字符安排为靠左、靠右、居中,指令格式分别是:
  <div align=left>、<div align=right>、<div align=center> 。
  好了,讲这么多了,打开你的记事本,将下面一些红色的字符添加进去,看一看你的第一个网页的文字显示格式是否理想,如还不理想,你自己再改改代码试试吗。

abc.htm - 记事本
<center>我的第一个网页</center>
<hr size=2 color=ff0000>
<div style=line-height:150%>
  如果你没有任何编程基础,跟我来吧。打开记事本,照着下面把代码写进去,然后另存为 .htm 文件。
<br></div>
<div align=right>
作者:新手
</div>

学做网页 - Microsft Internet Explorer
我的第一个网页

--------------------------------------------------------------------------------

  如果你没有任何编程基础,跟我来吧。打开记事本,照着下面把代码写进去,然后另存为 .htm 文件。



作者:新手


  我们学过的指令集中在一起看:
  <html> 表示这是一个网页</html>
  <head> 网页头部 </head>
  <title> 标题 </title>
  <br>  换行
  <nobr> 不换行 </nobe>
  <p>   分段
  <center> 居中 </center>
  <hr size=XXpx width=XXpx color=XXXXXX>画横线
  <div>定义一个区域</div>
  <body style=line-height:XX>设置页面行高
  <p style=line-height:XX>在一段中设置行高
  <div style=line-height:XX>在一个区域内设置行高
  <div align=XX>在一个区域内设置字符靠左、右、中

图片插入

  网页中没有图片是不是显得太单调了!而网页中的图片实际上并不在网页中,而是通过指令将图片调到当前网页中显示出来的。在指令代码中有图片的名字和图片所在目录名字(路径),为了调用方便,图片可和网页文件放在同一个目录中,或放在网页所在目录的下级子目录中,这样只指明相对路径就行了。图片可以作为前景也可以作背景。用图片作背景,在图片上还可显示文字或图片;作前景吗,那就不用说吧,就是和字符一样,就是网页中外层的东西了。
  图片平铺为背景:<body background=XX> 其中XX表示路径和文件名
  在页面上插图: <img src=XX align=XX width=XX height=XX border=XX vspace=XX hspace=XX>
  其中“src=”路径和文件名
  “align=”图片安排“left”靠左;“right”靠右;“center”中间
  “width=”图片宽度;“height=”图片高度;“border=”图片边界宽度
  “vspace=”纵向间隔;“hspace=”横向间隔
  如果一个图片“bg.jpg”,一个图片“jj.jpg”,都在下级子目录“img”里面,现将“bg.jpg”平铺作背景,“jj.jpg”作插入图象靠在页面右边,纵向和横向间隔为20点,添加代码如左,显示结果如右:





abc.htm - 记事本
<body style=font-size:14px;line-height:140% background=tu/bg.jpg>
<img src=img/jj.jpg align=right vspace=20 hspace=20>
<center>我的第一个网页 </center>< br>< br>
  如果你没有任何编程基础,跟我来吧。打开记事本,照着下面把代码写进去,然后另存为 .htm 文件。
</body>

学做网页 - Microsft Internet Explorer






我的第一个网页

  如果你没有任何编程基础,跟我来吧。打开记事本,照着下面把代码写进去,然后另存为 .htm 文件。







  其中作为背景的图片在页面中是平铺的,就是说将铺满整个浏览窗口,象我们铺
地板一样,一块一块拼在一起的,所以图片最好是边界能够相融合的,象上例中那样
不能分出是很多块的才好。
  对于插入图片的原始尺寸最好做成在网页中所需要的尺寸,而不再在编制代码时
重新设置。如果你的图片尺寸小,在网页中设置的尺寸大,图象分辩率将大大降低。
同样也不易将大的图象在显示时重新定义为小尺寸,因为这样虽然浏览器中显示的面
积不大,可是由于图片本身的尺寸并没有减小,网页的打开时间将会慢,不如将图片
制成小尺寸好。
  当然有时根据需要也可以对图片尺寸任意设置的,如下图:





学做网页 - Microsft Internet Explorer






我的第一个网页

  width=200
  height=100




学做网页 - Microsft Internet Explorer






我的第一个网页

  align=left
  width=70
  height=120



 
 在插入图片的代码中还可加入“alt=”,在等号后面写上文字,这样可以在图片不显示时,
将这行文字显示出来。因为有时网络速度慢时大尺寸的文件打不开,在屏幕上会出现一个
空方框;或者有的浏览者为了提高浏览速度,设置为浏览时不显示图片,这样你如没有文字
说明,满屏幕空方框,人家说不知你所云了。
  如上面的代码我们改为:
  <img src=tu/jj.jpg align=right vspace=20 hspace=20 alt=图:静谧的心情>
  在图片不显示的时候,会显示“图:静谧的心情”,这是不是比一个空框好多了。

顶部
majian-008
支柱会员
Rank: 3Rank: 3Rank: 3

UID 49268
精华 0
积分 912
帖子 330
金币 1565
威望 912
阅读权限 30
注册 2006-3-25
状态 离线
发表于 2006-4-30 09:40
回复: HTML语法制贴教程汇总
表格布局

  在网页中,有些文本要用到表格。有时为了对文本分块安排位置,也要用到表格,也就是说我们先设置好表格,但不要显示表格线,而让一些文字在固定的格内排布。
  定义表格用<table>开始,</table>结束。
  在一个表内用<tr>和</tr>标记表示“表行”切分;用<td>和</td>作横向“表元”切分。每个表元中的内容放在<td>和</td>之间。注意表格标记都必需配对使用,如配对错误会出现意想不到的显示结果。
  多表行的表格,每行中的表元一般都相对应,如某行有特殊,要用跨列指令<th colspan=X>,X表示跨的列数。
  如下面一个四行表格,代码如下:
<table border=1>
<tr> <td>一行一单元</td> <td>一行二单元</td> <td>一行三单元</td> <td>一行四单元</td> </tr>
<tr> <td>二行一单元</td> <td>二行二单元</td> <td>二行三单元</td> <td>二行四单元</td> </tr>
<tr> <td>三行一单元</td> <td>三行二单元</td> <td>三行三单元</td> <td>三行四单元</td> </tr>
<tr> <th colspan=2>跨两列的单元</th> <th colspan=2>跨两列的单元</th> </tr>
</table>
  结果显示表格如下:
一行一单元 一行二单元 一行三单元 一行四单元
二行一单元 二行二单元 二行三单元 二行四单元
三行一单元 三行二单元 三行三单元 三行四单元
跨两列的单元 跨两列的单元

  在表格代码里还可以设置很多参数,用以定义表格尺寸、布局、字体、背景等。代码如下:
  <table width=XX height=XX border=XX bordercolor=XXXXXX cellspacing=XX style=XX……>
  其中“width=”横向宽度;“height=”纵向高度;“border=”边界宽度;“bordercolor=”边色;
  “cellspacing=”表元间隔;“style=font-size:”文字尺寸;“style=line-height:”行高;
  文字尺寸可用字号或点阵(px),边色用16进制代码,其余各参数都是用点数设置。
  <tr>和<td>里面除可有以上参数外,还可设置每个表行或每个单元里的背景色或背景图象。
  下面我们设置一个多色表元表格:
<table width=760 height=100 border=2 bordercolor=00ff00 cellspacing=4 style=font-size:12px;line-height:24px>
<td width=180 bgcolor=ffc0f0>第一单元格<br>背景色浅紫</td>
<td width=180 bgcolor=d0ffe0>第二单元格<br>背景色浅绿</td>
<td width=180 bgcolor=d0f0ff>第三单元格<br>背景色浅兰</td>
<td width=180 background=tu/bg.jpg>第一单元格<br>背景平铺图片</td>
</table>
显示结果如下:
第一单元格
背景色浅紫 第二单元格
背景色浅绿 第三单元格
背景色浅兰 第一单元格
背景平铺图片
  对着上面表格,看一下各参数的意义吧:
“width=760”表横向宽760点;“height=100”表纵向高100点;“border=2”表边框宽2点;“bordercolor=00ff00”边框绿色;“cellspacing=4”表元间隔4点;“style=font-size:12px;line-height:24px”字体尺寸12点阵;文字行高24点。
  在网页里表格用的好象并不太多,但多数版面要用“表格”来布置,就是用表格把屏幕分成好多部分,并不让显示表格边框(border=0),这样我们并没有看到是“表格”,但都是用表格设置的。所以要很好的自由安排页面,要学熟练对表格的运用。下面我们试用“表格”对一段文字和图片作特殊安排:
<table width=420 height=120 border=0 style=font-size:14px>
<td width=160>  我们试用“表格”代码对一段文字和插图安排。让图片放中间,右边用表格实现竖排文字。</td>
<td width=200><center><img src=tu/jj.jpg></td>
<td width=20>默默地等待</td>
<td width=20>静谧的心情</td></table>
  上面五行代码执行结果如下:


  我们试用“表格”代码对一段文字和插图安排:让图片放在中间,右边用表格实现竖排文字。 默默地等待 静谧的心情

  上面的表格代码并没有显示表格,因为“border=0”是没有表格线,设置为“420X120”的表格只是为了布局的需要;第二行代码设置了宽度为160的单元,这个单元里安排一段文字;第三行设置一个宽度160的单元,里面安排一个图片;第四行和第五行分别设置两个宽度为20的单元,你该知道为什么文字“竖排”了吧,字的尺寸是14px,20的宽度不够放两个字,所以每行一个字排在该单元中了。这都是一些利用“表格”代码的一些小技巧。


超级链接

  我们在浏览网页时,通过鼠标的点击,可以在网页中跳来跳去,甚至可以从这个网站跳到另一个网站,这都是由“超级链接”实现的。我们建立一个网站总不能只有一个页面,多个页面之间都要“链接”,才能让浏览者“翻阅”你的网页。
  链接指令代码: <a href=XX>链接标志</a>
  “href=”后面指明文件名字和路径;“链接标志”是让浏览者点击的地方,可以是字符,也可以是图片或其他可显示标志。也就是说浏览者只要点击了<a>和</a>之间任何内容,就会跳到“href=”所指的网页中去。
  文件的路径可以使用绝对路径或相对路径。如要跳到的文件存放在和当前页文件同一个目录中,就可以不指路径,只写文件名字就行。这和上一节中图片地址的写法是一样的。
  一般的网站,初进入时打开的页面叫“主页”,多数的主页并不放很多内容,而是以放置“超级链接”为主,就是一个索引,通过浏览者的点击再打开各个页面。所以在安排目录结构时,主页要放在“根目录”,其他页面可有一少部分放在“根目录”中,多数放在下级“子目录”里,这样从主页跳到其余各页的链接中,只写明相对路径——就是只写“子目录”名字和文件名就行了。  譬如你的主页名叫“index.htm”,你学做的第一个网页叫“abc.htm”,和主页在同一目录中,在别人浏览你的主页时,想让人看一下你初学步的页面,就在主页中写上这样一行代码:
  <a href=abc.htm>我的第一个网页</a>
  这样显示时看到这段文字下有一下画线,如右:我的第一个网页 当浏览者的鼠标指向这段链接文字时,箭头会变成“手”的形状,按下鼠标键后,就会跳转到另一页面。
  如要想让别人打开另外的页面时仍不关闭当前窗口,加入参数“target=_blank”即可实现。
  还有一种跳转不是跳到另外网页,而是在同一页面上跳到不同的地方。如一个页面文章很长,分了好几个段落,要想让浏览者可以很方便地选择浏览某一段,也可设置“链接”,但这要同时设定链接标志和链接目标的标志。
  链接:<a href=#XX>;目标:<a name=XX>
  譬如你的文章分三段,先在文章开头部分写上标志:
  <a href=duan1>第一段</a>
  <a href=duan2>第二段</a>
  <a href=duan3>第三段</a>
  然后分别在各段开头位置写标志:
  <a name=duan1>第一段</a>
  <a name=duan2>第二段</a>
  <a name=duan3>第三段</a>
  这样点击前面的链接,页面就会自动翻滚到相应段落。
  把图片放在<a href=abc.htm>和</a>之间,图片就成了链接标志。浏览者点击图片就可跳转达到相应页面。
  如现在我们将一幅图片作为跳转到“图片应用”那个页面,代码如下:
  <a href=xzwy5.htm><img src=tu/jj.jpg src=tu/jj.jpg border=0 alt=跳转到图片应用页面></a>
  在显示时屏幕上就会出现图片,点击图片就跳到“图片应用(xzwy5.htm)”页面了。
  其中“alt=跳转到图片应用页面”这段代码是在图片不显示时在相应位置出现的文字。
  
  对于网站和网站之间的链接,就必需使用绝对地址,也就是要访问这个网站时所用的地址。
  如下面打开“老小孩”网页的代码:
  <a href=http://www.oldkids.com.cn target=_blank>
  <img src=img/lxh.gif width=100 border=1 alt=打开老小孩主页> </a>

顶部
majian-008
支柱会员
Rank: 3Rank: 3Rank: 3

UID 49268
精华 0
积分 912
帖子 330
金币 1565
威望 912
阅读权限 30
注册 2006-3-25
状态 离线
发表于 2006-4-30 09:41
回复: HTML语法制贴教程汇总
贴内背景公式:
<*center><*table cellpadding=0 cellspacing=0 border=0 WIDTH=100% align=center table background="内背景图片地址" width=720><*tr><*td><*center>

。。。。。。
(要贴的内容--图片或文字)
贴图:(两种方法)
贴图的正确格式是:
(1) <*center><*img src="(图片地址)">

(2)[*IMG](图片地[*/IMG]

。。。。。。
<*td><*/table>(结尾)

图片向左移动
<*marquee directio=left><8img src="图片地址"><*/marquee>

文字向左移动
<*marquee directio=left><*font size=? color=?>文字部分<*/font><*/marquee>

贴FLASH
<*embed src="★"width="660"height="450">



<*embed src="★"HIDDEN=TRUE AUTOSTART=TRUE LOOP=TRUE>

帖子外背景底图
<*body background="地址">

外背景底图图不动
<*body background="地址" bgproperties="fixed">

图片居中
<*center><*img src="图片地址">


贴播放器
<*embed src="http://mp3.baidu.com/r?url=http://fchen.sosoo.net/music/pop/469.mp3" width=480 height=35 controls=ControlPanel loop=true autostart=true volume=100 type=audio/x-pn-realaudio-plugin Initfn=load-types mime-types=mime.types>

交替舞动的蝴蝶
<*FONT COLOR=GREEN><*marquee behavior="alternate"scrollamount=8 direction=right><*b><*font color=#7700bb size=6><*FONT color=red><*MARQUEE behavior=alternate direction=up height=150 width=50><*img src=http://www.fyj.cn/dhome/dimg/4013.gif><*/MARQUEE><*FONT color=orange><*MARQUEE behavior=alternate direction=up height=200 width=50><*img src=http://www.fyj.cn/dhome/dimg/4013.gif><*/MARQUEE><*FONT color=Fuchsia><*MARQUEE behavior=alternate direction=up height=150 width=50><*img src=http://www.fyj.cn/dhome/dimg/4013.gif><*/MARQUEE><*FONT color=olive><*MARQUEE behavior=alternate direction=up height=200 width=50><*img src=http://www.fyj.cn/dhome/dimg/4013.gif><*/MARQUEE><*FONT COLOR=GREEN><*MARQUEE behavior=alternate direction=up height=150 width=50><*img src=http://www.fyj.cn/dhome/dimg/4013.gif><*/MARQUEE><*FONT color=red><*MARQUEE behavior=alternate direction=up height=200 width=50><*img src=http://www.fyj.cn/dhome/dimg/4013.gif>
***************************************************************
带框的背景
<*center><*table border="5" background=http://szg01.myrice.com/bg5.gif width="600" height="440" >

<*td><*/table>



文字向上滚注意文字分行并拉开行距:<*marquee direction=up scrollamount=3>
<*center><*font color="lime" size="5" face="隶书">缘分的朋友你们好<*/font>
<*/marquee>


缘分的朋友你们好



文字向下滚
<*marquee direction=down scrollamount=3>
<*center><*font color="lime" size="5" face="隶书">祝朋友们在缘分玩的开心<*/font>
<*/marquee>


祝朋友们在缘分玩的开心



文字移动速度的设置:

请注意下面语句中的红色属性(文字向左移动,选250比较好)


大家好!

IE默认值为60(单位:毫秒)

取值越大,移动越慢(小于60,IE仍默认为60)。

取值60 取值100 取值150 取值200 取值250

常用字体:

宋体 黑体 楷体_GB2312 仿宋_GB2312

新宋体 幼圆 隶书 方正舒体

华文新魏 华文行楷 华文细黑 华文彩云


常用字体颜色:
浅绿----aqua 黑----black 兰----blue 紫红----fuchsia,
灰----gray 绿----green 亮绿----lime 茶----maroon,
深兰----navy 橄榄----olive 紫----pourple 红---red,
银----silver 青----teal 白----white 黄----yellow
紫红--purple


文字示例:(居中)


欢迎你朋友


字体(FONT)标记(TAGS)
标题字体(Header)
<*h#> ... <*/h#> #=1, 2, 3, 4, 5, 6
<*h1>今天天气真好!<*/h1> 今天天气真好!
<*h2>今天天气真好!<*/h2> 今天天气真好!
<*h3>今天天气真好!<*/h3> 今天天气真好!
<*h4>今天天气真好!<*/h4> 今天天气真好!
<*h5>今天天气真好!<*/h5> 今天天气真好!
<*h6>今天天气真好!<*/h6> 今天天气真好!
• <*hn>---<*/hn> 这些标记显示黑体字。
• <*hn>---<*/hn> 这些标记自动插入一个空行,不必用 <8p>
标记再加空行。
因此在一行中无法使用不同大小的字体。
字体大小
<*font size=#> ... <*/font> #=1, 2, 3, 4, 5, 6, 7 or +#,
-#
<*basefont size=#> #=1, 2, 3, 4, 5, 6, 7
<*font size=7>今天天气真好!<*/font> 今天天气真好!
<*font size=6>今天天气真好!<*/font> 今天天气真好!
<*font size=5>今天天气真好!<*/font> 今天天气真好!
<*font size=4>今天天气真好!<*/font> 今天天气真好!
<*font size=3>今天天气真好!<*/font> 今天天气真好!
<*font size=2>今天天气真好!<*/font> 今天天气真好!
<*font size=1>今天天气真好!<*/font> 今天天气真好!

指定“字体大小”的标记和“指定字体”的标记的组合使用
<*i><*font size=5>
<*b>今天<*/b> 天气<*font size=6> 真好!<
*/font>
<*/font><*/i>
今天 天气 真好!
字体颜色
指定颜色 <*font color=#> ... <*/font>
#=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive,
Teal, Red, Blue,
Maroon, Navy,
Gray, Lime,
Fuchsia, White,
Green, Purple,
Silver, Yellow,
Aqua

**********************
贴图:
贴图的正确格式是:<*center><*img src="http://yftk.voline.net/images/LOGOZZ.GIF">




图片来回移动:(注意指定宽度和高度)



背景图片语法:<*body background="http://www.binghe.com/s/yinyue/mid/images/star_back.gif"><*/body>


图文居中:
在图文前面加 <*center>


这是透明效果,大家试下,贴时要将* 号去掉. <*img src="http://forums.zol.com.cn/new/book_new_img/16739.img " width=300 height=250 style=filter:Alpha(opacity=100,style=2);>
效果图如下

顶部
    本版导读
最新主题最新回复热门讨论近期看点
    本站导读
最新主题最新回复热门讨论近期看点


当前时区 GMT+8, 现在时间是 2012-5-25 04:07

闽ICP备05022067号-1

Powered by Discuz! 5.5.0 © 2001-2007 Comsenz Inc.
Processed in 0.142878 second(s), 10 queries , Gzip enabled

清除 Cookies - 联系我们 - 教育手拉手论坛