鹰击91巡航导弹:启步学代码__听雨学堂
来源：百度文库 编辑：九乡新闻网 时间：2024/10/02 20:27:10
启步学代码
发表日期：2009年8月9日 已经有242位读者读过此文
◆01:认识一下HTML代码
◆02:文字设制代码
◆03:学习表格设置 打好做贴基础
◆04:学习表格标签做颜色背景图框
◆05:学做图片背景的图框
◆06:贴图标签的基本代码
◆07:用代码制作图片羽化效果
◆08:趣味的移动标签
◆09:贴FLASH-动画图片的方法
◆10:网页插入音乐的方法
◆11:学习HTML代码做音画贴
◆12:定位插入的各种代码
◆13:如何使用绝对定位加叠法
◆14:调用CSS语句修饰图片边框
◆15:如何用代码编辑特效文字
◆16:如何编辑竖排文字
◆17:如何使用三合一图框
◆18:用代码为相片加相框的方法
◆19:如何做空间贴和超链接
◆20:音画贴编辑小平台
----------------------------------------------------------------------------
欢迎您 启步学代码
（游子学习笔记。 供初学HTML代码的朋友参考）
初步认识一下HTML代码
HTML是一种用来制作超文本文档的简单标记语言，与普通文档不同，它可以加入文字、图片、声音、动画、影视等内容，可以从一个文件跳转到另一个文件，与世界各地主机的文件连接，通过WWW浏览器显示出效果。它的特点是用一对小尖括弧（“< 和 >"）作为标签。所谓标签，就是它采用了一系列的指令符号来控制输出的效果，这些指令符号用“<标签名字 属性>”来表示。而且大部份是成对的双标签，即首标签和尾标签。
HTML代码是标签语言．不是程序语言．一张音画贴，是用若于条文字、表格、定位、移动和链接等HTML标签编辑而成的，因此，学习HTML代码就要学会使用HTML标签．
html标签基本模式:
仅有一个指令的标签， 只须一个标签名称的语句就可以，如居中定位代码：
啦啦!我的位置是居中．
显示结果： 啦啦!我的位置是居中．
一条标签有多条指令时，除标签名称外还要有各项属性内容与属值等多个语句．比如：
<标签名字 第一属性＝参数 第二属性＝参数．．．．．>内容
◆标签属性内容可以有几个至十多个几十个不等．
◆标签属性内容必须与标签名称相关语句：如文字标签应用字体、字号和颜色等指令．表格标签应用宽度、高度、背景、边线厚度和边线颜色等指令．
用实际例子来理解HTML标签的作用和效果。
第一例子：文字标签．
我们要在页面上显示“网络世界”四个红色隶书大字，就必须用文字标签．下面就是文字设置代码。
网络世界
显示结果：
网络世界
这组文字设置代码在网络世界上面的是“始标签”，在网络世界下面的是“尾标签”（也有叫围堵标签）。始标签有一个标签名字和三个属性内容。尾标签在标签名字前加一斜杆即可，不用标记属性内容。
对照说明：
网络世界
◇代码的第一行标签名 属性内容依次是：字号大小 什么字体 字的颜色
◇代码的第二行 文字内容
◇代码的第三行 尾标签
◇字号代码原是：size=1-7．这里用的是CSS样式定义字体：s=font: 可以最大限度地设置字号．
如果在这组代码前面加一个移动始标签，这4个字就能移动了。
第二例子：移动标签．
显示效果：
网络世界
◆移动标签只有名称，没有其他属性内容时，系统默认从右向左走。
第三例子：表格标签．
制作网页或音画贴，都要使用表格标签进行表格设置．例如要做一张宽500高300蓝色边框青色背景图框，代码如下：
说明：
◆第一行代码是表格首标签，内有宽、高、背景和边线四个属性内容及属值．
◆第二行代码是表格的列．
◆第三行代码是表格的行，（１列和１行构成一个单元格）．
◆第四行代码是表格的全部尾标签．
显示效果：
新手如何启步学习HTML代码。
凡事开头难，HTML代码有很多标签和语句，要记住是有些困难，我的笨办法是：
◇在我的电脑D区新建一个文件夹，命名为＂学习代码＂．
◇在这个文件夹中新建若于本空白记事本，存放HTML代码模式（HTML标签），备用．
◇对一些常用的HTML标签，先反复在本机上练习，后再到论坛试贴．
◇安装微软的办公软件officre中的网页制作软件：Microsoft frontpage 2003．
可以在这个软件上编辑和浏览显示代码效果成功与否？
◇ 击点打开html代码浏览器 然后加到收藏夹，再剪切粘贴在学习代码文件夹中，
可打开来粘贴运行代码．
◇ 击点打开空白网页 然后加到收藏夹，再剪切粘贴在学习代码文件夹中，
可用来检查网页、图片、音乐和Flash等文件地址是否有效.
启步学习代码入门先学习下面十条标签：
⑴ 文字标签．⑵ 表格标签．⑶ 图框标签．⑷ 贴图标签．⑸ 贴Flash动画标签．
⑹ 移动标签．⑺ 音乐标签．⑻ 链接标签．⑼ 定位标签．⑽ 各种常用代码．
学会使用上述标签, 就可以动手编辑一张完整的音画贴，做一张网页来玩一玩．
◇ 击点打开html代码浏览器◇
文字标签－文字设制代码
做代码贴经常要贴文字，必须先学会使用文字标签．即文字设制代码．文字标签可以包涵很多属性内容及属值，常用的有三个：即字体、字号和字的颜色：
文字标签代码如下：
锦绣中华
① face=属值，常用字体．
② size=属值1-7或套用样式表s=font:属值1-100pt 或更大．
③ color=#FF0000 ．字的颜色．
(字号大小size=1-7,属值1字体小,属值７字体最大．为了最大限度地设制字号,也可调用CSS样式表来定义字体,即:s=font:属值npt .参数越大字号也越大．)
显示效果： 锦绣中华
◆说明：
代码的第一行是文字设置的首标签，内有三个属性内容：face=黑体（字体及参数），size=5（字号及参数），color==#FF0000（文字颜色及参数）．
代码的第二行是文字内容．
代码的第三行是文字设置的尾标签．
相同的文字标签三个属性内容及参数改变了，显示结果就不相同．比如将上面文字标签的隶书改为华文行楷．字号参值size=6改为s=font:80pt, 颜色参数#FF0000（红）改为#0000ff（蓝），代码如下：
锦绣中华
显示效果：
锦绣中华
文字大小还有一种叫标题字体，代码如下：
文字内容 ． 说明：参数 #=1－7，h1字号最大，h7字号最小．
标题标记所标示的字句将独占一行且上下留一空白行。
标题字体代码：
显示效果：
春眠不觉晓, 处处闻啼鸟.
春眠不觉晓, 处处闻啼鸟.
春眠不觉晓, 处处闻啼鸟.
春眠不觉晓, 处处闻啼鸟.
春眠不觉晓, 处处闻啼鸟.
春眠不觉晓, 处处闻啼鸟.
说明：标题字体默认黑色宋体，只有字体大小的变化。
常用字体代码
文字设置用什么字体时须注意，最好用操作系配套的常用字体．如果用其他特殊字体，当上网被访问时．访问者没有安装这种字体，则显示为宋体．
常用字体代码
宋体 黑体 楷体_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
查看：更多颜色代码.
灵活的运用文字标签属性的三个主要内容，可编辑出很多精彩的字型。 如在已设定的文字代码中加插一些文字颜色代码，可以显示七色彩文字．
七色彩字体的代码：
网
络
世
界
欢
迎
您
显示效果：
网 络 世 界 欢 迎 您
多种字号和字体的代码：
《闺 怨》
-王昌龄
闺中少妇不知愁，春日凝妆上翠楼。
忽见陌头杨柳色，悔教夫婿觅封侯。
显示效果： 《闺 怨》 -王昌龄
闺中少妇不知愁，春日凝妆上翠楼。
忽见陌头杨柳色，悔教夫婿觅封侯。
------------------------------------------------------
用颜色做背景的二层图框；
用颜色做背景的二图框代码；
背景颜色淡化暂变(从左向右):
发表日期：2009年8月9日 已经有242位读者读过此文
◆01:认识一下HTML代码
◆02:文字设制代码
◆03:学习表格设置 打好做贴基础
◆04:学习表格标签做颜色背景图框
◆05:学做图片背景的图框
◆06:贴图标签的基本代码
◆07:用代码制作图片羽化效果
◆08:趣味的移动标签
◆09:贴FLASH-动画图片的方法
◆10:网页插入音乐的方法
◆11:学习HTML代码做音画贴
◆12:定位插入的各种代码
◆13:如何使用绝对定位加叠法
◆14:调用CSS语句修饰图片边框
◆15:如何用代码编辑特效文字
◆16:如何编辑竖排文字
◆17:如何使用三合一图框
◆18:用代码为相片加相框的方法
◆19:如何做空间贴和超链接
◆20:音画贴编辑小平台
----------------------------------------------------------------------------
欢迎您 启步学代码
（游子学习笔记。 供初学HTML代码的朋友参考）
初步认识一下HTML代码
HTML是一种用来制作超文本文档的简单标记语言，与普通文档不同，它可以加入文字、图片、声音、动画、影视等内容，可以从一个文件跳转到另一个文件，与世界各地主机的文件连接，通过WWW浏览器显示出效果。它的特点是用一对小尖括弧（“< 和 >"）作为标签。所谓标签，就是它采用了一系列的指令符号来控制输出的效果，这些指令符号用“<标签名字 属性>”来表示。而且大部份是成对的双标签，即首标签和尾标签。
HTML代码是标签语言．不是程序语言．一张音画贴，是用若于条文字、表格、定位、移动和链接等HTML标签编辑而成的，因此，学习HTML代码就要学会使用HTML标签．
html标签基本模式:
仅有一个指令的标签， 只须一个标签名称的语句就可以，如居中定位代码：
显示结果： 啦啦!我的位置是居中．
一条标签有多条指令时，除标签名称外还要有各项属性内容与属值等多个语句．比如：
<标签名字 第一属性＝参数 第二属性＝参数．．．．．>内容
◆标签属性内容可以有几个至十多个几十个不等．
◆标签属性内容必须与标签名称相关语句：如文字标签应用字体、字号和颜色等指令．表格标签应用宽度、高度、背景、边线厚度和边线颜色等指令．
用实际例子来理解HTML标签的作用和效果。
第一例子：文字标签．
我们要在页面上显示“网络世界”四个红色隶书大字，就必须用文字标签．下面就是文字设置代码。
网络世界
显示结果：
网络世界
这组文字设置代码在网络世界上面的是“始标签”，在网络世界下面的是“尾标签”（也有叫围堵标签）。始标签有一个标签名字和三个属性内容。尾标签在标签名字前加一斜杆即可，不用标记属性内容。
对照说明：
网络世界
◇代码的第一行标签名 属性内容依次是：字号大小 什么字体 字的颜色
◇代码的第二行 文字内容
◇代码的第三行 尾标签
◇字号代码原是：size=1-7．这里用的是CSS样式定义字体：s=font: 可以最大限度地设置字号．
如果在这组代码前面加一个移动始标签，这4个字就能移动了。
第二例子：移动标签．
显示效果：
网络世界
◆移动标签只有名称，没有其他属性内容时，系统默认从右向左走。
第三例子：表格标签．
制作网页或音画贴，都要使用表格标签进行表格设置．例如要做一张宽500高300蓝色边框青色背景图框，代码如下：
说明：
◆第一行代码是表格首标签，内有宽、高、背景和边线四个属性内容及属值．
◆第二行代码是表格的列．
◆第三行代码是表格的行，（１列和１行构成一个单元格）．
◆第四行代码是表格的全部尾标签．
显示效果：
新手如何启步学习HTML代码。
凡事开头难，HTML代码有很多标签和语句，要记住是有些困难，我的笨办法是：
◇在我的电脑D区新建一个文件夹，命名为＂学习代码＂．
◇在这个文件夹中新建若于本空白记事本，存放HTML代码模式（HTML标签），备用．
◇对一些常用的HTML标签，先反复在本机上练习，后再到论坛试贴．
◇安装微软的办公软件officre中的网页制作软件：Microsoft frontpage 2003．
可以在这个软件上编辑和浏览显示代码效果成功与否？
◇ 击点打开html代码浏览器 然后加到收藏夹，再剪切粘贴在学习代码文件夹中，
可打开来粘贴运行代码．
◇ 击点打开空白网页 然后加到收藏夹，再剪切粘贴在学习代码文件夹中，
可用来检查网页、图片、音乐和Flash等文件地址是否有效.
启步学习代码入门先学习下面十条标签：
⑴ 文字标签．⑵ 表格标签．⑶ 图框标签．⑷ 贴图标签．⑸ 贴Flash动画标签．
⑹ 移动标签．⑺ 音乐标签．⑻ 链接标签．⑼ 定位标签．⑽ 各种常用代码．
学会使用上述标签, 就可以动手编辑一张完整的音画贴，做一张网页来玩一玩．
◇ 击点打开html代码浏览器◇
文字标签－文字设制代码
做代码贴经常要贴文字，必须先学会使用文字标签．即文字设制代码．文字标签可以包涵很多属性内容及属值，常用的有三个：即字体、字号和字的颜色：
文字标签代码如下：
锦绣中华
① face=属值，常用字体．
② size=属值1-7或套用样式表s=font:属值1-100pt 或更大．
③ color=#FF0000 ．字的颜色．
(字号大小size=1-7,属值1字体小,属值７字体最大．为了最大限度地设制字号,也可调用CSS样式表来定义字体,即:s=font:属值npt .参数越大字号也越大．)
显示效果： 锦绣中华
◆说明：
代码的第一行是文字设置的首标签，内有三个属性内容：face=黑体（字体及参数），size=5（字号及参数），color==#FF0000（文字颜色及参数）．
代码的第二行是文字内容．
代码的第三行是文字设置的尾标签．
相同的文字标签三个属性内容及参数改变了，显示结果就不相同．比如将上面文字标签的隶书改为华文行楷．字号参值size=6改为s=font:80pt, 颜色参数#FF0000（红）改为#0000ff（蓝），代码如下：
锦绣中华
显示效果：
锦绣中华
文字大小还有一种叫标题字体，代码如下：
标题标记所标示的字句将独占一行且上下留一空白行。
标题字体代码：
春眠不觉晓, 处处闻啼鸟.
春眠不觉晓, 处处闻啼鸟.
春眠不觉晓, 处处闻啼鸟.
春眠不觉晓, 处处闻啼鸟.
春眠不觉晓, 处处闻啼鸟.
春眠不觉晓, 处处闻啼鸟.
显示效果：
春眠不觉晓, 处处闻啼鸟.
春眠不觉晓, 处处闻啼鸟.
春眠不觉晓, 处处闻啼鸟.
春眠不觉晓, 处处闻啼鸟.
春眠不觉晓, 处处闻啼鸟.
春眠不觉晓, 处处闻啼鸟.
说明：标题字体默认黑色宋体，只有字体大小的变化。
常用字体代码
文字设置用什么字体时须注意，最好用操作系配套的常用字体．如果用其他特殊字体，当上网被访问时．访问者没有安装这种字体，则显示为宋体．
常用字体代码
宋体 黑体 楷体_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
查看：更多颜色代码.
灵活的运用文字标签属性的三个主要内容，可编辑出很多精彩的字型。 如在已设定的文字代码中加插一些文字颜色代码，可以显示七色彩文字．
七色彩字体的代码：
网
络
世
界
欢
迎
您
显示效果：
网 络 世 界 欢 迎 您
多种字号和字体的代码：
《闺 怨》
-王昌龄
闺中少妇不知愁，春日凝妆上翠楼。
忽见陌头杨柳色，悔教夫婿觅封侯。
显示效果： 《闺 怨》 -王昌龄
闺中少妇不知愁，春日凝妆上翠楼。
忽见陌头杨柳色，悔教夫婿觅封侯。
------------------------------------------------------
沉淀的人生－ 冯骥才 所有土地都可以为了一棵树的生长，就看你的根扎得有多深多长。 生命就像蜡烛那样，在光芒和泪珠中慢慢消耗掉。 只有爱之中没有距离。 雨水冲不进窗来，在玻璃上痛哭。 历史的标点全是问号。历史的幕后全是惊叹号。 苍蝇自以为美丽无比，不停地在我眼前转来转去。 女人用一种美丽的狡猾来对付容易负心的男人。 如果你不会嫉妒，你就占有了人的一半以上的美德。 能躲避的地方都是坟墓。 我们的半径相等，才能画出一个共同又完美的圆。 只有欲望很小的人才有资格谈到超然。 人生最强劲的力量都是你的对手给的。对手多强，你有多强。 历史最想告诉我们的是：人类没有灭绝，全靠人性的存在。 摆渡者反反复复选择彼岸，结果徘徊了一生。 人为了看见自己的内心才画画。 爱河上游的激荡绚丽，远不如下游的深远悠长。 老人在一个夕阳把他的银发照成金发的黄昏里，忽然悟到：全部人生， 不过为了创造几件刻骨铭心的往事而已。 风儿可以吹飞一张大纸，却无法吹跑一只弱小的蝴蝶，因为生命的力量是不顺从。 受骗的人身上有一件东西不会被骗去，那就是人世间弥足珍贵的天真。 金钱的骄傲，是它自以为可以买到一切；金钱的苦恼，是它无法买到一切。 什么都不怕的人最可怕。 人类的悲剧是：一半得不到自由，一半得到了却不知做什么。 书里夹着许多有生命的人，只要你打开书，他们全都能站起来。 留住时间的方式，唯有把它变为珍贵的事物。 痛苦是心灵一块无法化开的结石。 人最深的叹息，是他无法挽回已然流逝的时光。 |
用颜色做背景的二层图框；
用颜色做背景的二图框代码；
背景颜色淡化暂变(从左向右):