cunning什么意思:启步学代码1

来源:百度文库 编辑:中财网 时间:2024/04/30 11:02:46
初步认识一下HTML代码
HTML是一种用来制作超文本文档的简单标记语言,与普通文档不同,它可以加入文字、图片、声音、动画、影视等内容,可以从一个文件跳转到另一个文件,与世界各地主机的文件连接,通过WWW浏览器显示出效果。它的特点是用一对小尖括弧(“<  和  >")作为标签。所谓标签,就是它采用了一系列的指令符号来控制输出的效果,这些指令符号用“<标签名字 属性>”来表示。而且大部份是成对的双标签,即首标签和尾标签。
HTML代码是标签语言.不是程序语言.一张音画贴,是用若于条文字、表格、定位、移动和链接等HTML标签编辑而成的,因此,学习HTML代码就要学会使用HTML标签.
html标签基本模式:
仅有一个指令的标签, 只须一个标签名称的语句就可以,如居中定位代码:
啦啦!我的位置是居中.

显示结果:   啦啦!我的位置是居中.
一条标签有多条指令时,除标签名称外还要有各项属性内容与属值等多个语句.比如:
<标签名字 第一属性=参数 第二属性=参数.....>内容
◆标签属性内容可以有几个至十多个几十个不等.
◆标签属性内容必须与标签名称相关语句:如文字标签应用字体、字号和颜色等指令.表格标签应用宽度、高度、背景、边线厚度和边线颜色等指令.
用实际例子来理解HTML标签的作用和效果。
第一例子:文字标签.
我们要在页面上显示“网络世界”四个红色隶书大字,就必须用文字标签.下面就是文字设置代码。

网络世界

显示结果:
网络世界
这组文字设置代码在网络世界上面的是“始标签”,在网络世界下面的是“尾标签”(也有叫围堵标签)。始标签有一个标签名字和三个属性内容。尾标签在标签名字前加一斜杆即可,不用标记属性内容。
对照说明:

网络世界

◇代码的第一行标签名  属性内容依次是:字号大小  什么字体 字的颜色
◇代码的第二行     文字内容
◇代码的第三行  尾标签
◇字号代码原是:size=1-7.这里用的是CSS样式定义字体:style=font: 可以最大限度地设置字号.
如果在这组代码前面加一个移动始标签,在后面加一个尾标签,这4个字就能移动了。
第二例子:移动标签.
网络世界

显示效果:
网络世界
◆移动标签只有名称,没有其他属性内容时,系统默认从右向左走。
第三例子:表格标签.
制作网页或音画贴,都要使用表格标签进行表格设置.例如要做一张宽500高300蓝色边框青色背景图框,代码如下:




说明:
◆第一行代码是表格首标签,内有宽、高、背景和边线四个属性内容及属值.
◆第二行代码是表格的列.
◆第三行代码是表格的行,(1列和1行构成一个单元格).
◆第四行代码是表格的全部尾标签.
显示效果:
新手如何启步学习HTML代码。
凡事开头难,HTML代码有很多标签和语句,要记住是有些困难,我的笨办法是:
◇在我的电脑D区新建一个文件夹,命名为"学习代码".
◇在这个文件夹中新建若于本空白记事本,存放HTML代码模式(HTML标签),备用.
◇对一些常用的HTML标签,先反复在本机上练习,后再到论坛试贴.
◇安装微软的办公软件officre中的网页制作软件:Microsoft frontpage 2003.
可以在这个软件上编辑和浏览显示代码效果成功与否?
◇ 击点打开html代码浏览器 然后加到收藏夹,再剪切粘贴在学习代码文件夹中,
可打开来粘贴运行代码.
◇ 击点打开空白网页 然后加到收藏夹,再剪切粘贴在学习代码文件夹中,
可用来检查网页、图片、音乐和Flash等文件地址是否有效.
启步学习代码入门先学习下面十条标签:
⑴ 文字标签.⑵ 表格标签.⑶ 图框标签.⑷ 贴图标签.⑸ 贴Flash动画标签.
⑹ 移动标签.⑺ 音乐标签.⑻ 链接标签.⑼ 定位标签.⑽ 各种常用代码.
学会使用上述标签, 就可以动手编辑一张完整的音画贴,做一张网页来玩一玩.
*****************
欢迎您!启步学代码。
(游子学习笔记。 供初学HTML代码的朋友参考)
文字标签-文字设制代码
做代码贴经常要贴文字,必须先学会使用文字标签.即文字设制代码.文字标签可以包涵很多属性内容及属值,常用的有三个:即字体、字号和字的颜色:
文字标签代码如下:

锦绣中华

① face=属值,常用字体.
② size=属值1-7或套用样式表style=font:属值1-100pt 或更大.
③ color=#FF0000 .字的颜色.
(字号大小size=1-7,属值1字体小,属值7字体最大.为了最大限度地设制字号,也可调用CSS样式表来定义字体,即:style=font:属值npt .参数越大字号也越大.)
显示效果:     锦绣中华
◆说明:
代码的第一行是文字设置的首标签,内有三个属性内容:face=黑体(字体及参数),size=5(字号及参数),color==#FF0000(文字颜色及参数).
代码的第二行是文字内容.
代码的第三行是文字设置的尾标签.
相同的文字标签三个属性内容及参数改变了,显示结果就不相同.比如将上面文字标签的隶书改为华文行楷.字号参值size=6改为style=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
查看:更多颜色代码.
灵活的运用文字标签属性的三个主要内容,可编辑出很多精彩的字型。 如在已设定的文字代码中加插一些文字颜色代码,可以显示七色彩文字.
七色彩字体的代码:









显示效果:
网 络 世 界 欢 迎 您
多种字号和字体的代码:

《闺 怨》
-王昌龄

闺中少妇不知愁,春日凝妆上翠楼。

忽见陌头杨柳色,悔教夫婿觅封侯。


显示效果:《闺 怨》 -王昌龄
闺中少妇不知愁,春日凝妆上翠楼。
忽见陌头杨柳色,悔教夫婿觅封侯。
***************
学习表格设置 打好做贴基础
表格标签是做代码贴的基础.编辑音画贴要用表格设置图框,制作网页要用表格设置框架,在网页不同位置显示文字和图片,要用表格来设置位置控制.学习表格设置极为重要,必须多用点精力学习.表格标签属性有十多个内容和参数(属值),先从7个常用的学起,逐步提高。
用表格做图框的背景有颜色的,也有用图片的.启步学做代码贴,最好先用颜色作背景的图框.先练习做一张宽700,高300,绿色背景,蓝色边框的图框如下:
显示效果:
在这里开始插入文字图片等内容.
代码:




在这里开始插入文字图片等内容.

说明:
◆第一条标签是居中代码。
◆第二条标签是表格的始标签,有七个属性内容和属值.,。
·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".用图片作背景的显示效果:
先练习做图框
代码:




在这里开始插入文字图片等内容.

在图框的单元格中,用文字标签插入一些文字,就成为一张简单的代码贴了.例如:
沉淀的人生- 冯骥才  所有土地都可以为了一棵树的生长,就看你的根扎得有多深多长。
生命就像蜡烛那样,在光芒和泪珠中慢慢消耗掉。
只有爱之中没有距离。
雨水冲不进窗来,在玻璃上痛哭。
历史的标点全是问号。历史的幕后全是惊叹号。
苍蝇自以为美丽无比,不停地在我眼前转来转去。
女人用一种美丽的狡猾来对付容易负心的男人。
如果你不会嫉妒,你就占有了人的一半以上的美德。
能躲避的地方都是坟墓。
我们的半径相等,才能画出一个共同又完美的圆。
只有欲望很小的人才有资格谈到超然。
人生最强劲的力量都是你的对手给的。对手多强,你有多强。
历史最想告诉我们的是:人类没有灭绝,全靠人性的存在。
摆渡者反反复复选择彼岸,结果徘徊了一生。
人为了看见自己的内心才画画。
爱河上游的激荡绚丽,远不如下游的深远悠长。
老人在一个夕阳把他的银发照成金发的黄昏里,忽然悟到:全部人生,
不过为了创造几件刻骨铭心的往事而已。
风儿可以吹飞一张大纸,却无法吹跑一只弱小的蝴蝶,因为生命的力量是不顺从。
受骗的人身上有一件东西不会被骗去,那就是人世间弥足珍贵的天真。
金钱的骄傲,是它自以为可以买到一切;金钱的苦恼,是它无法买到一切。
什么都不怕的人最可怕。
人类的悲剧是:一半得不到自由,一半得到了却不知做什么。
书里夹着许多有生命的人,只要你打开书,他们全都能站起来。
留住时间的方式,唯有把它变为珍贵的事物。
痛苦是心灵一块无法化开的结石。
人最深的叹息,是他无法挽回已然流逝的时光。
代码:
原创编辑:游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编
**********************************
学习表格标签做颜色背景图框
做音画贴首先要构思用那一种图框和背景.图框有用表格标签以颜色或图片作背景的单层和多层套装,也有用三张图片合成的三合一套装.用颜色做成的图框,不受条件所限,隐定性较好,显示也快。用网络上的图片地址做成的多层套装,非常精彩漂亮,但有时会因网络失去链接,无法显示。
用颜色做成的一层图框;
颜色做成的一层图框代码;
用颜色做背景的二层图框;
用颜色做背景的二图框代码;
背景颜色淡化暂变(从左向右):
背景颜色淡化暂变(从左向右):代码:
背景颜色淡化暂变(从右向左):
背景颜色淡化暂变(从左向右):代码:
原创编辑:游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编
***********************
学做图片背景的图框
要用图片作图框的背景,图片必须是从网上取来允许链接的图片地址,而且图案应比较单一的,不宜太过复杂,最好选择背景专用图片.用图片作图框有一层的,也有多层漂亮的套装.多层套装网页打开运行较慢,常有因图片地址失链,造成面目全非.
用图片作单层图框:
在此开始插入内容
开始学做音画贴时,最好先用这种单层图框.
单层图框代码:
用二张图片作表格背景的双层图框:
在此开始插入内容
双层图框代码:
用四张图片作表格背景的四层图框:
四层图框代码:
用十张图片作表格背景的10层图框:
。。。。。。
在此开始插入内容
。。。。。。
10层图框代码:
原创编辑:游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编
************************************************
贴图标签的基本代码
做音画贴,必须有图片,文字和音乐,不可缺一.先练习基本的贴图方法和代码,贴图标签如下:
   说明:
◆这是贴图标签,只有一个指令属性和属值,图片的宽度和高度依原大小显示.
◆"图片地址"必须是从网络上取来有效的文件地址,例如:
"http://image25.360doc.com/DownloadImg/2011/03/1313/9946247_3.jpg".
◆从网络上取图片地址的方法:在网页上用鼠标对着图片击右键,选击属性,在弹出窗口中的
地址复制下来就可用了.但是有些网站不准键接使用,最好将下载下来的地址,在空白网页
的地址栏上检查一下. 击点打开空白网页.
◆将图片的文件地址粘贴在贴图标签中"图片地址"四个字上,就可在html模式发表了.
贴图实例代码1:
显示效果:

贴图标签还可以增加一些指令属性内容,如图片加边框和设置图片宽度等.例如:
说明:
◆border=5 图片加边框及宽度.
◆width=500 设置图片宽度.
显示出结果:

在贴图标签行内套用css样式表语句还可以实现图片羽化效果.代码如下:
◆width=属值宽度可自定.
◆style= 套用样式表标记.
◆"FILTER: Alpha(Opacity=150,style=2)" 图片羽化效果语句.
显示结果:

用图片大小可调的贴图代码模式1:
显示结果:

用图片大小可调的贴图代码放大图片:
图片原来的宽度和高度大小如下:

用图片大小可调的贴图代码:
显示结果:

用图片大小可调的贴图代码缩小图片,把上面代码中的宽度750改为250,效果如下:

原创编辑:游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编