初步认识一下HTML代码
HTML是一种用来制作超文本文档的简单标记语言，
与普通文档不同，它可以加入文字、图片、
声音、动画、影视等内容，可以从一个文件跳转到另一个文件，
与世界各地主机的文件连接，通过WWW浏览器显示出效果。
它的特点是用一对小尖括弧（“< 和 >"）作为标签。
所谓标签，就是它采用了一系列的指令符号来控制输出的效果，
这些指令符号用“<标签名字 属性>”来表示。
而且大部份是成对的双标签，即首标签和尾标签。
HTML代码是标签语言．不是程序语言．一张音画贴，
是用若于条文字、表格、定位、
移动和链接等HTML标签编辑而成的，因此，
学习HTML代码就要学会使用HTML标签．
html标签基本模式:
仅有一个指令的标签， 只须一个标签名称的语句就可以，
如居中定位代码：
<CENTER>看看我的位置是居中．</CENTER>
显示结果：
看看我的位置是居中．
一条标签有多条指令时，
除标签名称外还要有各项属性内容与属值等多个语句．
比如：
<标签名字 第一属性＝参数 第二属性＝参数．．．．．>
内容</尾标签>
◆标签属性内容可以有几个至十多个几十个不等．
◆标签属性内容必须与标签名称相关语句：如文字标签应用字体、
字号和颜色等指令．表格标签应用宽度、高度、背景、
边线厚度和边线颜色等指令．
用实际例子来理解HTML标签的作用和效果。
第一例子：文字标签．
我们要在页面上显示“网络世界”四个红色隶书大字，
就必须用文字标签．下面就是文字设置代码。
<font style=font:60pt face=隶书 color=ff0000>
网络世界
</font>
显示结果：
网络世界
这组文字设置代码在网络世界上面的是“始标签”，
在网络世界下面的是“尾标签”（也有叫围堵标签）。
始标签有一个标签名字和三个属性内容。
尾标签在标签名字前加一斜杆即可，不用标记属性内容。
对照说明：
<font style=font:60pt face=隶书 color=ff0000>
网络世界
</font>
◇代码的第一行标签名 属性内容依次是：
字号大小 什么字体 字的颜色
◇代码的第二行 文字内容
◇代码的第三行 尾标签
◇字号代码原是：size=1-7．这里用的是CSS样式定义字体：
style=font: 可以最大限度地设置字号．
如果在这组代码前面加一个移动始标签<marquee>，
在后面加一个尾标签</marquee>，这4个字就能移动了。
第二例子：移动标签．
<MARQUEE> <font face=隶书 style=font:60pt color=red>网络世界
</FONT></MARQUEE>
显示效果：
◆移动标签只有名称，没有其他属性内容时，系统默认从右向左走。
第三例子：表格标签．
制作网页或音画贴，都要使用表格标签进行表格设置．
例如要做一张宽500高300蓝色边框青色背景图框，代码如下：
<TABLE width=500 height=260 bgColor=#00FF00 border=5
bordercolor="#0000ff">
<TR>
<TD>
</TD></TR></TBODY></TABLE>
说明：
◆第一行代码是表格首标签，内有宽、高、
背景和边线四个属性内容及属值．
◆第二行代码是表格的列．
◆第三行代码是表格的行，（１列和１行构成一个单元格）．
◆第四行代码是表格的全部尾标签．
显示效果：
新手如何启步学习HTML代码。
凡事开头难，HTML代码有很多标签和语句，
要记住是有些困难，我的笨办法是：
◇在我的电脑D区新建一个文件夹，命名为＂学习代码＂．
◇在这个文件夹中新建若于本空白记事本，存放HTML代码模式
（HTML标签），备用．
◇对一些常用的HTML标签，先反复在本机上练习，
后再到论坛试贴．
◇安装微软的办公软件officre中的网页制作软件：
Microsoft frontpage 2003．
可以在这个软件上编辑和浏览显示代码效果成功与否？
◇
击点打开html代码浏览器 然后加到收藏夹，
再剪切粘贴在学习代码文件夹中，
可打开来粘贴运行代码．
◇
击点打开空白网页 然后加到收藏夹，
再剪切粘贴在学习代码文件夹中，
可用来检查网页、图片、
音乐和Flash等文件地址是否有效.
启步学习代码入门先学习下面十条标签：
⑴ 文字标签．⑵ 表格标签．⑶ 图框标签．⑷ 贴图标签．⑸ 贴Flash动画标签．
⑹ 移动标签．⑺ 音乐标签．⑻ 链接标签．⑼ 定位标签．⑽ 各种常用代码．
学会使用上述标签, 就可以动手编辑一张完整的音画贴，做一张网页来玩一玩．
*****************
文字标签－文字设制代码
做代码贴经常要贴文字，必须先学会使用文字标签．
即文字设制代码．文字标签可以包涵很多属性内容及属值，
常用的有三个：即字体、字号和字的颜色：
文字标签代码如下：
<font face=隶书 size=6 color=#FF0000>
锦绣中华
</font>
<font 这条标签名称是文字．
① face=属值，常用字体．
② size=属值1-7或套用样式表style=font:属值1-100pt 或更大．
③ color=#FF0000 ．字的颜色．
(字号大小size=1-7,属值1字体小,属值７字体最大．
为了最大限度地设制字号,也可调用CSS样式表来定义字体,
即:style=font:属值npt .参数越大字号也越大．)
显示效果： 锦绣中华
◆说明：
代码的第一行是文字设置的首标签，内有三个属性内容：
face=黑体（字体及参数），size=5（字号及参数），
color==#FF0000（文字颜色及参数）．
代码的第二行是文字内容．
代码的第三行是文字设置的尾标签．
相同的文字标签三个属性内容及参数改变了，显示结果就不相同．
比如将上面文字标签的隶书改为华文行楷．
字号参值size=6改为style=font:80pt,
颜色参数#FF0000（红）改为#0000ff（蓝），代码如下：
<font face=华文行楷 style=font:100pt color=#0000ff>
锦绣中华
</font>
显示效果：
锦绣中华
文字大小还有一种叫标题字体，代码如下：
<h#> 文字内容 </h#> ． 说明：参数 #=1－7，h1字号最大，
h7字号最小．
标题标记所标示的字句将独占一行且上下留一空白行。
标题字体代码：
<H1>春眠不觉晓, 处处闻啼鸟.</H1>
<H2>春眠不觉晓, 处处闻啼鸟.</H2>
<H3>春眠不觉晓, 处处闻啼鸟.</H3>
<H4>春眠不觉晓, 处处闻啼鸟.</H4>
<H5>春眠不觉晓, 处处闻啼鸟.</H5>
<H6>春眠不觉晓, 处处闻啼鸟.</H6>
显示效果：
春眠不觉晓, 处处闻啼鸟.
春眠不觉晓, 处处闻啼鸟.
春眠不觉晓, 处处闻啼鸟.
春眠不觉晓, 处处闻啼鸟.
春眠不觉晓, 处处闻啼鸟.
春眠不觉晓, 处处闻啼鸟.
说明：标题字体默认黑色宋体，只有字体大小的变化。
常用字体代码
文字设置用什么字体时须注意，
最好用操作系配套的常用字体．如果用其他特殊字体，
当上网被访问时．访问者没有安装这种字体，
则显示为宋体．
常用字体代码
宋体 黑体 楷体_GB2312 仿宋_GB2312 新宋体 幼圆 隶书
方正舒体 华文新魏 华文行楷 华文细黑 华文彩云 方正姚体
◆常用文字颜色代码：◆
红色
#FF0000 |
黄色
#FFFF00 |
暗青色
#008B8B |
碧绿色
#7FFFD4 |
雪白色
#FFFAFA |
蓝色
#0000FF |
紫罗兰
#8A2BE2 |
褐色
#A52A2A |
黑色
#000000 |
黄绿色
#7FFF00 |
粟色
#80000040
| 珊瑚色
#FF7F50 |
菊兰色
#6495ED |
暗深红
#DC143C |
青色
#00FFFF |
暗金黄
#B8860B |
暗灰色
#A9A9A9 |
暗绿色
#006400 |
桃色
#FFDAB9 |
暗红色
#8B008B |
红紫色
#FF00FF |
暗灰蓝
#483D8B |
墨绿色
#2F4F4F |
茶色
#D2B48C |
点击这里查看更多颜色代码
灵活的运用文字标签属性的三个主要内容，
可编辑出很多精彩的字型。
如在已设定的文字代码中加插一些文字颜色代码，
可以显示七色彩文字．
七色彩字体的代码：
<CENTER>
<FONT face=隶书 color=ff0000 style=font:50pt>网
<FONT color=#006400>络</FONT>
<FONT color=0000ff>世</FONT>
<FONT color=green>界</FONT>
<FONT color=#A52A2A>欢</FONT>
<FONT color=ff00ff>迎</FONT>
<FONT color=#6495ED>您</FONT>
</FONT></CENTER>
显示效果：
网 络 世 界 欢 迎 您
多种字号和字体的代码：
<CENTER><FONT face=新宋体 color=0000ff style=font:15pt><b>
<FONT face=隶书 style=font:22pt>《闺 怨》</FONT>
<FONT style=font:15pt>-王昌龄</FONT><br>
闺中少妇不知愁，春日凝妆上翠楼。<BR>
忽见陌头杨柳色，悔教夫婿觅封侯。<BR>
</b></FONT>
显示效果：
《闺 怨》 -王昌龄
闺中少妇不知愁，春日凝妆上翠楼。
忽见陌头杨柳色，悔教夫婿觅封侯。
***************
学习表格设置 打好做贴基础
表格标签是做代码贴的基础．
编辑音画贴要用表格设置图框，
制作网页要用表格设置框架，
在网页不同位置显示文字和图片，
要用表格来设置位置控制．学习表格设置极为重要，
必须多用点精力学习．表格标签属性有十多个内容和参数（属值），
先从7个常用的学起，逐步提高。
用表格做图框的背景有颜色的，也有用图片的．
启步学做代码贴，最好先用颜色作背景的图框．
先练习做一张宽700，高300，绿色背景，蓝色边框的图框如下：
显示效果：
代码：
<CENTER>
<TABLE width=700 height=300 bgcolor=#00FF00 borderColor=#0000ff border=10" cellspacing="3" cellpadding="10">
<TR>
<TD>
在这里开始插入文字图片等内容．
</TD></TR></TABLE></CENTER>
|
说明：
◆第一条标签是居中代码。
◆第二条标签是表格的始标签，有七个属性内容和属值．。
·TABLE 标签名称：表格．
·width=500 表格（图框）宽度500个点．
·height=300 表格（图框）高度300个点,
·bgcolor="#00FF00：背景颜色为绿色代码．
·borderColor=#0000ff：边框颜色为蓝色．
·border=10"：边框粗度10个点．
·cellspacing="3"：单元格间距，
就是图框内细线与边框的距离．
·cellpadding="10"：单元格衬距，
就是插入内容与单元格间距细线的距离．
◆第三条标签是表格的行标签．
◆第四条标签是表格的列标签．
◆最后一行是居中和表格的全部尾标签．
颜色代码有各种模式，为了方便练习，
可以用一个标记#和0或f组成颜色代码．
#FFFFFF=白色 #FF0000=红色 #00FF00=绿色 #0000FF=蓝色
#FFFF00=黄色 #00FFFF=青色 #FF00FF=紫色 #000000=黑色
如果要用图片作为背景，
只要把上面表格标签第三个属性内容，
即颜色背景及颜色代码bgcolor=#00FF00
改为图片背景及图片地址background="http:.....gif"．
用图片作背景的显示效果：
代码：
blog_20131109214038098623.jpg"
borderColor=#0000ff border=10" cellspacing="3" cellpadding="10">
<TR>
<TD>
在这里开始插入文字图片等内容．
</TD></TR></TABLE></CENTER>
|
在图框的单元格中，用文字标签插入一些文字，
就成为一张简单的代码贴了．例如：
沉淀的人生－ 冯骥才
所有土地都可以为了一棵树的生长，就看你的根扎得有多深多长。
生命就像蜡烛那样，在光芒和泪珠中慢慢消耗掉。
只有爱之中没有距离。
雨水冲不进窗来，在玻璃上痛哭。
历史的标点全是问号。历史的幕后全是惊叹号。
苍蝇自以为美丽无比，不停地在我眼前转来转去。
女人用一种美丽的狡猾来对付容易负心的男人。
如果你不会嫉妒，你就占有了人的一半以上的美德。
能躲避的地方都是坟墓。
我们的半径相等，才能画出一个共同又完美的圆。
只有欲望很小的人才有资格谈到超然。
人生最强劲的力量都是你的对手给的。对手多强，你有多强。
历史最想告诉我们的是：人类没有灭绝，全靠人性的存在。
摆渡者反反复复选择彼岸，结果徘徊了一生。
人为了看见自己的内心才画画。
爱河上游的激荡绚丽，远不如下游的深远悠长。
老人在一个夕阳把他的银发照成金发的黄昏里，忽然悟到：全部人生，
不过为了创造几件刻骨铭心的往事而已。
风儿可以吹飞一张大纸，却无法吹跑一只弱小的蝴蝶，因为生命的力量是不顺从。
受骗的人身上有一件东西不会被骗去，那就是人世间弥足珍贵的天真。
金钱的骄傲，是它自以为可以买到一切；金钱的苦恼，是它无法买到一切。
什么都不怕的人最可怕。
人类的悲剧是：一半得不到自由，一半得到了却不知做什么。
书里夹着许多有生命的人，只要你打开书，他们全都能站起来。
留住时间的方式，唯有把它变为珍贵的事物。
痛苦是心灵一块无法化开的结石。
人最深的叹息，是他无法挽回已然流逝的时光。
|
代码：
学习表格标签做颜色背景图框
做音画贴首先要构思用那一种图框和背景．
图框有用表格标签以颜色或图片作背景的单层和多层套装，
也有用三张图片合成的三合一套装．用颜色做成的图框，
不受条件所限，隐定性较好，显示也快。
用网络上的图片地址做成的多层套装，非常精彩漂亮，
但有时会因网络失去链接，无法显示。
用颜色做成的一层图框；
颜色做成的一层图框代码；
用颜色做背景的二层图框；
用颜色做背景的二图框代码；
背景颜色淡化暂变(从左向右):
背景颜色淡化暂变(从左向右):代码:
背景颜色淡化暂变(从右向左):
背景颜色淡化暂变(从左向右):代码:
***********************
学做图片背景的图框
要用图片作图框的背景，
图片必须是从网上取来允许链接的图片地址，
而且图案应比较单一的，不宜太过复杂，
最好选择背景专用图片．用图片作图框有一层的，
也有多层漂亮的套装．多层套装网页打开运行较慢，
常有因图片地址失链，造成面目全非．
用图片作单层图框：
|
在此开始插入内容
开始学做音画贴时，最好先用这种单层图框．
|
单层图框代码：
用二张图片作表格背景的双层图框:
双层图框代码：
用四张图片作和一层黑颜色表格背景的四层图框:
四层图框代码：
用十张图片作表格背景的10层图框:
************************************************
贴图标签的基本代码
做音画贴,必须有图片,文字和音乐,不可缺一．
先练习基本的贴图方法和代码，贴图标签如下：
<img src="图片地址">
说明：
◆这是贴图标签，只有一个指令属性和属值，
图片的宽度和高度依原大小显示．
◆"图片地址"必须是从网络上取来有效的文件地址，例如：
＂＂．
◆从网络上取图片地址的方法：
在网页上用鼠标对着图片击右键，选击属性，
在弹出窗口中的
地址复制下来就可用了．但是有些网站不准键接使用，
最好将下载下来的地址，在空白网页
的地址栏上检查一下． 击点打开空白网页．
◆将图片的文件地址粘贴在贴图标签中＂
图片地址＂四个字上，就可在html模式发表了．
贴图实例代码１：
显示效果：
贴图标签还可以增加一些指令属性内容，
如图片加边框和设置图片宽度等．例如：
说明：
◆border=5 图片加边框及宽度．
◆width=500 设置图片宽度．
显示出结果：
在贴图标签行内套用css样式表语句还可以实现图片羽化效果．
代码如下：
◆width=属值宽度可自定．
◆style= 套用样式表标记．
◆"FILTER: Alpha(Opacity=150,style=2)"
图片羽化效果语句．
显示结果：
用图片大小可调的贴图代码模式1：
显示结果：
用图片大小可调的贴图代码放大图片：
图片原来的宽度和高度大小如下:
用图片大小可调的贴图代码:
显示结果：
用图片大小可调的贴图代码缩小图片，
把上面代码中的宽度750改为250，效果如下：
| 
