★音画讲堂之简单的HTML代码制作（一）文字篇
[color=#ff0000][u][size=6]HTML代码实际应用讲解(入门)
[/size]为了更好的学习编辑代码，应在自已电脑的硬盘中建一个学代码的文件夹，内放若干记事本，作编辑和保存代码用。初学者要在键盘上直接输入代码语句有些困难，可以把下面这些常用代码复制在记事本上，方便需要时取用
一张完整的HTML帖子应该具备：背景＋文章＋插图＋音乐
[/u][size=4]一：背景[/size]
原代码如下：
<TABLE align=center background="背景图片网址" border=10 cellSpacing=2 borderColor=#841A00 width=500><TBODY><TR><TD>
帖子的内容（文章＋插图＋音乐）
</TD></TR></TBODY></TABLE>
[/color][color=blue]
注意：前边用了多少<table......><tr><td>后面就要有多少</td></tr></table>收尾。多收和少收都会使帖子出错哦
[/color]
[color=#696969]
常用的参数设定及注解：
<table width="400" border="10" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="图片网址" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF">
width="400" 表格宽度，接受绝对值（如 500）及相对值（如 80%）
border="10" 表格边框的厚度
cellspacing="2" 表格格线的厚度
cellPadding=5 表格格线内厚度
align="CENTER" 表格的摆放位置（水平），可选值为：左： left, 右： right,居中： center
valign="TOP" 表格内内容的对齐方式（垂直）
可选值为： top, middle, bottom。
background="背景图片网址" 表格的背景图片，与 bgcolor 不要同用。
bgcolor="#0000FF" 表格的底色，与 background 不要同用
bordercolor="#CF0000" 表格边框颜色
bordercolorlight="#00FF00" 表格边框向光部分的颜色
bordercolordark="#00FFFF" 表格边框背光部分的颜色，使用 bordercolorlight 或bordercolordark 时 bordercolor 将会失效。
[/color]
[color=red][size=4]举例:[/size]
代码如下:
<TABLE align=center background="http://www.mtlc.cn/bbs/attachments/pw/Mon_0611/68_6160_a5fb6e6a07df808.jpg" border=10 cellSpacing=12 borderColor=#841A00 width=500 height=200><TBODY><TR><TD>
<P align=center><FONT color=ff0000 face=华文行楷 size=10>xielong欢迎你! </FONT></P>
</TD></TR></TBODY></TABLE>[/color]
[color=red][/color]
[color=red][/color]
[color=red][/color]
[color=red][font=宋体][size=5]文字二:文字基本设置
[/size][/font][font=宋体][size=3]基本代码如下：
<P align=center><FONT color=#ff0000 face=华文行楷 size=4>插入文字</FONT></P>
[/size][/font][font=宋体][size=3][color=#696969]文字
说明：
<P align=center> 文字在帖子中的位置.
center表示居中，left表示居左，right表示居右。
face=华文行楷 face=字体[/color][/size][/font][size=3][font=宋体][color=#000000]
[/color][color=red]常用汉字代码：[/color]
[/font][/size][color=blue]
[font=宋体][size=3]宋体 黑体 楷体_GB2312 仿宋_GB2312 新宋体 幼圆 隶书
方正舒体 华文新魏 华文行楷 华文细黑 华文彩云 方正姚体
size=字体大小 数值越大文字就越大
color=#ff0000 color=颜色代码 [/size][/font][/color]
[size=3][font=宋体][color=red]颜色的代码：[/color]
[/font][/size][size=3][font=宋体][color=blue]黑色＝000000 白色＝ffffff 红色＝ff0000 绿色＝00ff00
蓝色＝0000ff 黄色＝fff000 青色＝00ffff 紫色＝ff00ff[/color]
[/font][/size][font=宋体][size=3][color=#ff0000]居中代码：
[/color][/size][/font][color=blue][font=宋体][size=3]<CENTER> 内容</CENTER>
<P align=LEFT>左对齐</P>
<P align=center>居中</P>
<P align=RIGHT>右对齐</P>
[color=red]文字设置代码：[/color]
[/size][/font][size=3][font=宋体][color=blue]<CENTER> <font style=font:20pt face=隶书 color=fff000>
输入内容</font></CENTER>
[/color]
[/font][/size][size=3][font=宋体][color=red]移动文字
基本代码：
<marquee direction=up behavior=scroll width=400 height=90 scrollamount=1><font color=red size=+2 face=华文新魏>插入文字</font></marquee>
[/color]
[/font][/size][size=3][font=宋体][color=#696969]说明：
direction=移动方向
可选值为向上(up) 向下(down) 向左(left) 向右(right)
behavior=移动方式
scroll 一圈一圈绕着走 slide 只走一次 behavior=alternate 来回走
width=宽度 height=高度 scrollamount=速度
上面的参数大家可以根据不同的情况自行调节。
举例:
代码如下:
<P align=center><FONT color=#ff0000 face=华文行楷 size=6>53520音乐影视欢迎您!</FONT></P>
[/color]
[color=blue]实际显示如下:文字基本设置[/color]
[/font][/size][size=3][font=宋体][color=red]<P align=center><marquee direction=up behavior=scroll width=450 height=100 scrollamount=2><font color=red size=6 face=华文行楷>xielong欢迎您!</font></marquee>
[/color]
[color=blue]实际显示如下:文字移动效果(向上)[/color]
[color=red]<P align=center><marquee direction=left behavior=scroll width=450 height=100 scrollamount=2><font color=red size=6 face=华文行楷>xielong欢迎您!</font></marquee>[/color]
[color=blue]实际显示如下:文字移动效果(向左)[/color]
[color=red]<P align=center><marquee direction=right behavior=scroll width=450 height=100 scrollamount=2><font color=red size=6 face=华文行楷>xielong欢迎您!</font></marquee>[/color]
[color=blue]实际显示如下:文字移动效果(向右)[/color]
[color=red]<P align=center><marquee direction=right behavior=alternate width=450 height=100 scrollamount=2><font color=red size=6 face=华文行楷>xielong欢迎您!</font></marquee>[/color]
[/font][/size][color=blue][font=宋体][size=3]实际显示如下:文字移动效果(来回走)[/size][/font]
[/color]
[/color]
[/color]
[[i] 本帖最后由 xielong 于 2007-11-22 13:27 编辑 [/i]]