育成教育网=义务教育网:免费教育资源平台
教育论坛服务专区电脑学习馆 → HTML代码简明教程
您是本贴第 473 位浏览者 本版版主
: HTML代码简明教程
  • qycheng
  • 等级: 管理用户
  • 发贴: 877 贴
  • 货币: 178 金币
  • 积分: 8139 分
  • 经验: 8148 点
  • 体力: 6615 点
  • 注册: 2007-04-11
HTML代码简明教程
◆文本:
[/color]

这是改变文字大小、字形、颜色最常用的标记
例子:

face
="楷体_gb2312"
size
="5"
color
="#00ff00">一堆废话
效果:
一堆废话
face
用于设定字体,如果你用的不是系统自带的字体(如用什么文鼎阿、方正阿这类字体),其他人可能会看不到效果的。不加此参数即用默认字体
size
用于设定字的大小,默认是3,数字越大字体越大,文字多的话最好不要把字调得太大,因为一换行就会乱作一团看不清了
color
就是调颜色啦,可以用16进制数微调颜色,也可以直接用英文,如:
color
="red">一堆废话:
一堆废话

详细的颜色代码要自己找的~~嘿嘿~~~~~


这是字体加粗的标记
例子:
写上你想写的字
效果:写上你想写的字
[/b]
这是字体加大的标记
例子:
写上你想写的字
效果:写上你想写的字


这是字体缩小的标记
例子:
写上你想写的字
效果:写上你想写的字

这是字体下滑线的标记
例子:
写上你想写的字
效果:写上你想写的字


这是控制字体大小的标记
例子:
写上你想写的字
效果:
写上你想写的字
(其中字体大小可从H1-H5,H1最大,H5最小)


字体上标
例子:
上标
效果:
上标
[b]

字体下标
例子:
下标
效果:
下标

删除线
[color=#cc00ff]例子:

删除线
效果:
删除线


本贴已被 作者2007-7-8 16:24:57 编辑过
如烟,我们去育成教育QQ群聊天啰!我也去吗,等等我.....
2007-5-4 17:43:38
  • wenmingzhong
  • 等级: 普通用户
  • 发贴: 1 贴
  • 货币: 0 金币
  • 积分: 5 分
  • 经验: 5 点
  • 体力: 95 点
  • 注册: 2007-06-24
Re:论坛固顶试发
慢慢理解
不用太急
2007-6-29 13:16:06
  • qycheng
  • 等级: 管理用户
  • 发贴: 877 贴
  • 货币: 178 金币
  • 积分: 8139 分
  • 经验: 8148 点
  • 体力: 6615 点
  • 注册: 2007-04-11
Re:HTML代码简明教程

[/url]
◆图形:

[/color]

图形标记,贴图用的,也可以用来贴影视文件,这个标记也是不用加结束标记的
例子:
src
="xxx.jpg"  
width
=50  
height
=100  
border
=3  
alt
="这个不是红叉">
效果:


src
后面的是图片所在的地址,这个地址可要写清楚啊!要是贴成硬盘上的地址是非常可耻的
width

height
是设定图片的宽度和高度,单位是像素,通常是不用加上的,标记会默认使用图片的实际宽高,如果图片太大那就要设好这两个参数缩小图片以便浏览
border
参数用于设定图片边框,设成0即不显示边框
alt
可以给图片加上注释,和上面提到的
title
功能差不多,也是鼠标停留就显示注释,甚至可以直接用title代替alt来完成这个任务,但alt有一项title没有的功能,就是浏览器不支持图片显示时或者自己可耻的贴成红叉图时,alt的注释可以代替图片显示出来

[url=http://bbs.enet.com.cn/misc.php?action=viewratings&tid=2885207&pid=7760218]

◆多媒体:



[/b]
插入背景音乐的语句,bgsound 的参数比较简单,也不用结束标记的,不过现在黑马论坛里乱贴背景音乐是会被杀的,所以建议大家少用为妙,如果实在有什么绝世天音非要大家听不可,可以用下面介绍的  标记来贴,而且记得要设成不自动播放,要不然咱们的管管就会很热情地招待你的

例子:
src
=http://zxonly2.nease.net/music/圣斗士冥王篇-blue dream.mid
loop
=-1>
效果:听[size=+0]

src
后面是音乐的地址,可以是mp3也可以是midi(建议还是用midi的好,mp3会死人的)


[color=#0000ff]loop

是循环播放的次数,“-1”的话就会不断循环播放

[b]

播放多媒体文件的标记,支持各种视频、音频、flash动画的播放,这个标记的参数有很多,在此就只介绍一些常用的吧:
src
="多媒体文件地址"
autostart="false" width="宽度"
height="高度"
loop
="false"
hidden="true">
src
后面是多媒体文件的地址
autostart
是设定是否自动播放的选项,有两个值"true"(是)和"false"(否)。如果不加这个参数那就默认是"true"的,上面已经说过了,贴自动播放的音乐、动画什么的会被管管招待的,所以大家一定要加上autostart=false啊
width

height
是设定播放面板大小的,hidden="true"时将无效。如果只是贴音乐这两个参数设不设都无所谓,如果是视频文件且分辨率不高的话,也可以不设,那就会用视频文件的原始尺寸来显示,如果是flash动画,最好还是给它设个合适的大小,以免过大或过小看不清
loop
参数和
bgsound
那个的作用是一样的,也是控制循环,默认值是"false"即只播放一次不会循环再放,=true或=-1就是不断循环播放
hidden
这个参数是设定显不显示播放面板(包括视频画面),默认=false,如果想贴成背景音乐可以把autostart=true、hidden=true,那就跟bgsound效果一样了,但如果设成autostart=false、hidden=true那这句语句就白写了(除非加上name参数然后用脚本调用),还无辜的让人浪费时间下载要播放的文件
效果暂缺
如烟,我们去育成教育QQ群聊天啰!我也去吗,等等我.....
2007-7-8 16:26:00
  • qycheng
  • 等级: 管理用户
  • 发贴: 877 贴
  • 货币: 178 金币
  • 积分: 8139 分
  • 经验: 8148 点
  • 体力: 6615 点
  • 注册: 2007-04-11
Re:HTML代码简明教程
◆其他:

[/color]


[color=#ff0000]


本来是用于网页正文的开始,一个网页只要一个就够了,不过我们为了得到想要的效果,不得不“非法”的把它拖出来用了,嘿嘿~~~~注意:的设置会影响整个页面,请小心使用
text
="#000000"
bgcolor
="#ffffff"
background
="874.gif"
bgpropertie
s="fixed">
text
是设置页面文字的颜色,如这里就是设置成text="#666666"
bgcolor
用于设置背景颜色,如果用了后面的
background
参数那么背景颜色可能会被背景图遮蔽而看不出效果
background
给页面插入背景图片,如果用来做背景的图片很小的话,那么该参数将会用该图片平铺填充整个背景,选图片一定要小心,如果背景图片太花,使文字都看不清的话,那么很可能会被管大动刑的
bgpropertie
是配合上面的背景图片来使用的,加了bgproperties="fixed"背景图片就不会随着文字滚动而滚动
◆css滤镜:
css即层叠样式表,功能强大,运用得好的话可以做出很多绚丽效果。部分无参数滤镜已经在图形那里介绍了,这里就不再重复了,网页中加入css的方法有很多种,这里为求方便-_-就只介绍使用style参数直接加在部分标记里的方法

{filter:alpha()}

此滤镜可以使文字或图像产生透明效果(
图形上面已经有一个例子了

opacity
设定透明度,取值0-100,0为完全透明,100为完全不透明
finishopacity
渐变效果结束时的透明度,值同上
style
设定透明区域的类型,有4个值,=0是统一形状、=1是线形、=2是放射状、=3是长方形
startx

starty
是用于设定渐变透明效果开始的像素坐标,这个位置的透明度由opacity参数决定
finishx

finishy
是用于设定渐变透明效果结束时像素坐标,这个位置的透明度由finishopacity参数决定

{filter:blur()}

blur滤镜会产生类似于ps的涂抹效果,这里是用 标记来加入style,在style里面必须用width或height设定一个范围,否则滤镜效果将显示不出来的
add
用于指定blur滤镜是否起作用,有两个值true(或1)和false(或0),默认是true,所以可以不加此参数
direction
设定涂抹的方向,取值0-360,但只能45度一个间隔,所以只由8个方向可选
strength
设定涂抹效果的强度,单位是像素
{filter:shadow()}
{filter:dropshadow()}


这两个滤镜都是产生阴影效果的,shadow产生的效果类似于blur滤镜,而dropshadow的效果就像灯照的投影
color
用于设定阴影的颜色
direction
和blur滤镜那个一样,是设定阴影的方向
strength
是设定阴影的强度(长度)
offx

offy
用于设定阴影对应在x轴y轴的位置,单位为像素,值为正整数的话阴影将会在x轴右方(y轴下方),为负整数的话阴影会在x轴左方(y轴上方),这两个数值的大小也决定了阴影离开对象的距离
positive
有两个值true(或1)和false(或0),如果是true,那就为不透明的部分建立阴影,如果是false就相反

{filter:wave()}
wave滤镜用于产生扭曲效果
freq
设定将产生多少个波纹
lightstrength
设定产生光影效果的强度,取值0-100,建议不要设太高,否则会产生很难看的黑条的
phase
设定正弦波开始的偏移量,取值是0-100
strength
设定扭曲的强度

{filter:glow()}

glow滤镜会给文字或图片包一层光晕效果
color
设定光晕的颜色
strength
设定光晕的大小,单位是像素

{filter:chroma()}

此滤镜可以使指定的一种颜色变成透明,这个滤镜很简单,就一个参数
color
就是指定要变成透明的颜色
附:
html基础知识,忘了代码的来看
1)贴图:
2)加入连接:写上你想写的字
3)在新窗口打开连接:写上要写的字
4)移动字体(走马灯):写上你想写的字
5)字体加粗:写上你想写的字
6)字体斜体:写上你想写的字
7)字体下划线: 写上你想写的字

8)字体删除线: 写上你想写的字

9)字体加大: 写上你想写的字
10)字体控制大小:写上你想写的字 (其中字体大小可从h1-h5,h1最大,h5最小)
11)更改字体颜色:写上你想写的字(其中value值在000000与ffffff(16位进制)之间
12)消除连接的下划线:写上你想写的字
13)贴音乐:
14)贴flash:
15)贴影视文件:
16)换行:
17)段落:段落
18)原始文字样式:正文
19)换帖子背景:
20)固定帖子背景不随滚动条滚动:
21)定制帖子背景颜色:(value值见10)
22)帖子背景音乐:
23)贴网页:

如烟,我们去育成教育QQ群聊天啰!我也去吗,等等我.....
2007-7-8 16:27:13