这是给懒惰的人用的。。。哈哈！
其实也没有什么的
只是运用了frame的技巧
我想他们要弄个10个20个google的都没有问题
只是很小很难看罢了
点击这里打开
Monday, November 30, 2009
Sunday, November 29, 2009
万年历查询HTML嵌入代码
要在自己的网页加入像以下的万年历？
只要将以下的代码贴在HTML里头就可以了！
<iframe src='http://qq.ip138.com/day/' frameBorder=0 width=900 height=500 scrolling="no"></iframe>
注：建议使用IE
只要将以下的代码贴在HTML里头就可以了！
<iframe src='http://qq.ip138.com/day/' frameBorder=0 width=900 height=500 scrolling="no"></iframe>
注：建议使用IE
Password Manager Beta v1.0
最近自己手痒写了一个简单的VB程序来分享一下。
在这个日新月异的时代，相信许多网络用户都会在很多不同的网站或是其它地方注册形形色色的户口（account），当中可能包括msn啦，facebook啦，twitter啦，游戏网站户口啦，等等等。
太多户口了是不是很难管理你的用户名字和密码？
对于那些习惯在每个网站都使用相同密码的朋友就不必说了。。。哈哈！他们属于高风险群。。。
这里我就写了一个可以帮助各位管理这些的VB小软件。
为了加强保安，在进入使用此软件时，用户必须输入正确的用户名与密码方可登录。
本人建议用户在使用此软件时请先登录为自己的用户户口（user account），以避免access denied的错误发生。
软件一览：
额外功能：
1.你可以选择File菜单中的Export As Text File来export你所有的资料在你指定的地方。
2.利用左下方的Search功能来搜寻你的资料。
3.利用右下方的Login Details来更改你的登录资料。
请点击以下链接下载
PasswordManagerBeta1.0.zip (16.23 KB)
这个软件尚处于测试版，如有问题请不吝给予本人意见以修改之。
在这个日新月异的时代，相信许多网络用户都会在很多不同的网站或是其它地方注册形形色色的户口（account），当中可能包括msn啦，facebook啦，twitter啦，游戏网站户口啦，等等等。
太多户口了是不是很难管理你的用户名字和密码？
对于那些习惯在每个网站都使用相同密码的朋友就不必说了。。。哈哈！他们属于高风险群。。。
这里我就写了一个可以帮助各位管理这些的VB小软件。
为了加强保安，在进入使用此软件时，用户必须输入正确的用户名与密码方可登录。
本人建议用户在使用此软件时请先登录为自己的用户户口（user account），以避免access denied的错误发生。
软件一览：
额外功能：
1.你可以选择File菜单中的Export As Text File来export你所有的资料在你指定的地方。
2.利用左下方的Search功能来搜寻你的资料。
3.利用右下方的Login Details来更改你的登录资料。
请点击以下链接下载
PasswordManagerBeta1.0.zip (16.23 KB)
这个软件尚处于测试版，如有问题请不吝给予本人意见以修改之。
Friday, November 27, 2009
bat背景音乐播放程序
每次听歌都要开player或是设定music playlist？
何必那么麻烦？click一次就可以把folder里的music听完！
而且这是背景播放的，是完全不会看到player的哦！
这次是用batch file来生成一个vbs的playlist。
将以下的编码写在notepad，然后save as一个bat文件，之后把它放在储存你所有music的folder里，click一次即可！
编码如下：
如果想要停止音乐播放，只要再次运行本程序，选择停止即可。
何必那么麻烦？click一次就可以把folder里的music听完！
而且这是背景播放的，是完全不会看到player的哦！
这次是用batch file来生成一个vbs的playlist。
将以下的编码写在notepad，然后save as一个bat文件，之后把它放在储存你所有music的folder里，click一次即可！
编码如下：
@echo off&color 0a&title 背景音乐播放程序
mode con cols=30 lines=15
echo ****************
echo 背景音乐播放程序
echo ****************
echo 1.播放音乐 2.停止音乐
set /p smilediao=请输入选项:
if "%smilediao%"=="1" (goto hello) else (wmic process where name='wscript.exe' call terminate>nul&echo 谢谢使用。
。&ping -n 2 127.1>nul&del /f /q x.vbs&exit)
:hello
echo 正在载入音乐文件...
echo set diao=createobject("wmplayer.ocx")>musiclist.vbs
for /r . %%a in (*.mp3 *.wma) do (
echo diao.url="%%a">>musiclist.vbs
echo wscript.sleep 1200>>musiclist.vbs
echo wscript.sleep diao.currentMedia.duration *1000>>musiclist.vbs
echo wscript.sleep 1000>>musiclist.vbs
)
start musiclist.vbs如果想要停止音乐播放，只要再次运行本程序，选择停止即可。
Wednesday, November 25, 2009
VB整人小软件
用Visual Basic制作一个可以让人崩溃的整人软件吧！
试试看就知道了。
注：这不是virus，也不会迫使你的电脑关机，大可放心一试。
步骤：
1. 在Visual Basic create一个new project。
2. 在form上面放一个button。
3. double-click那个button，然后把以下编码paste在Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click和End Sub之间。
编码如下：
注：如要结束该program，到task manager去end task即可。
直接下载整人软件
kidding.zip
试试看就知道了。
注：这不是virus，也不会迫使你的电脑关机，大可放心一试。
步骤：
1. 在Visual Basic create一个new project。
2. 在form上面放一个button。
3. double-click那个button，然后把以下编码paste在Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click和End Sub之间。
编码如下：
Me.Hide()
Dim a(20) As String
Dim answer As String
a(1) = "恭喜你,你上当了"
a(2) = "你点点试试"
a(3) = "还不相信?@_@"
a(4) = "哪你再试试--!"
a(5) = "傻了吧!!!!"
a(6) = "吃亏了吧!!!"
a(7) = "哭了吧.上当了吧"
a(8) = "你再点也没有用!!"
a(9) = "你鼠标坏了没有<_>"
a(10) = "要不你试试键盘吧&&*"
a(11) = "你还真听话~~~"
a(12) = "无语....."
a(13) = "你自己玩吧.我先睡会.等没有了叫我"
a(14) = "要不你给我唱首歌也行#######"
a(15) = "难听的就不要来了************"
a(16) = "还了不陪你玩了,看来你点是没有用的了"
a(17) = "自己玩好吧"
a(18) = "晕,你还在没有完呀"
a(19) = "我又回来了,嘻嘻"
a(20) = "再来一次吧"
For i = 1 To 10 Step 0
answer = MsgBox(a(1), vbOKOnly, "^_^,你上当了")
If answer = vbOK Then answer = MsgBox(a(2), vbOKOnly, "^_^,你上当了")
If answer = vbOK Then answer = MsgBox(a(3), vbOKOnly, "^_^,你上当了")
If answer = vbOK Then answer = MsgBox(a(4), vbOKOnly, "^_^,你上当了")
If answer = vbOK Then answer = MsgBox(a(5), vbOKOnly, "^_^,你上当了")
If answer = vbOK Then answer = MsgBox(a(6), vbOKOnly, "^_^,你上当了")
If answer = vbOK Then answer = MsgBox(a(7), vbOKOnly, "^_^,你上当了")
If answer = vbOK Then answer = MsgBox(a(8), vbOKOnly, "^_^,你上当了")
If answer = vbOK Then answer = MsgBox(a(9), vbOKOnly, "^_^,你上当了")
If answer = vbOK Then answer = MsgBox(a(10), vbOKOnly, "^_^,你上当了")
If answer = vbOK Then answer = MsgBox(a(11), vbOKOnly, "^_^,你上当了")
If answer = vbOK Then answer = MsgBox(a(12), vbOKOnly, "^_^,你上当了")
If answer = vbOK Then answer = MsgBox(a(13), vbOKOnly, "^_^,你上当了")
If answer = vbOK Then answer = MsgBox(a(14), vbOKOnly, "^_^,你上当了")
If answer = vbOK Then answer = MsgBox(a(15), vbOKOnly, "^_^,你上当了")
If answer = vbOK Then answer = MsgBox(a(16), vbOKOnly, "^_^,你上当了")
If answer = vbOK Then answer = MsgBox(a(17), vbOKOnly, "^_^,你上当了")
If answer = vbOK Then answer = MsgBox(a(18), vbOKOnly, "^_^,你上当了")
If answer = vbOK Then answer = MsgBox(a(19), vbOKOnly, "^_^,你上当了")
If answer = vbOK Then answer = MsgBox(a(20), vbOKOnly, "^_^,你上当了")
Next i注：如要结束该program，到task manager去end task即可。
直接下载整人软件
kidding.zip
Tuesday, November 24, 2009
用JavaScript编辑别人的网页？
在address bar输入下面的代码按enter，网页上所有元素都能变成可编辑（edit）状态，你可以移动、调整元素大小。
如果你只是讨厌某个网站想发泄一下，建议使用IE。
代码如下：
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
这是被我编辑了的google.com：
如果你只是讨厌某个网站想发泄一下，建议使用IE。
代码如下：
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
这是被我编辑了的google.com：
Sunday, November 22, 2009
Flash教程——制作简单Clicking Game
这次在这里教大家用Flash来制作简单的clicking game。
以下为swf原档：
我们需要到一个用来click的movie clip，1个retry的button，两个dynamic text（一个用来显示剩余时间，一个用来显示一共click了多少次的counter）。
步骤：
1.在Flash视窗空白处画些图案。
2.拖曳鼠标以选择整个图案。
3.选择成功后，在键盘上按Ctrl+G把图案group起来。
4.在图案上点击右滑鼠键，并选择“Convert to Symbol...”。
5.在弹出的Convert to Symbol新视窗的Name一栏内填入“btn”和Behavior一栏选择“Movie Clip”。
6.在主视窗下的Properties视窗内的“InstanceName”一栏内填入“btn”。
7.点击主视窗下的Actions-Frame视窗并在drop-down list里选择“Actions for Frame 1 of Layer Name Layer 1”，并将以下的程序编码(Action Script)贴在编码编辑处：
8.点击主视窗下的Actions-Frame视窗并在drop-down list里选择“Actions for btn (btn)”，并将以下的程序编码(Action Script)贴在编码编辑处：
9.制作另外一个button，名称为“btnRetry，点击主视窗下的Actions-Frame视窗并在drop-down list里选择“Actions for btnRetry (btnRetry)”，并将以下的程序编码(Action Script)贴在编码编辑处：
10.在Flash视窗空白处放上两个dynamic text，如图：
11.点击Control主菜单的Test Movie或键盘上按Ctrl+Enter来测试成果。大功告成！
以下为swf原档：
我们需要到一个用来click的movie clip，1个retry的button，两个dynamic text（一个用来显示剩余时间，一个用来显示一共click了多少次的counter）。
步骤：
1.在Flash视窗空白处画些图案。
2.拖曳鼠标以选择整个图案。
3.选择成功后，在键盘上按Ctrl+G把图案group起来。
4.在图案上点击右滑鼠键，并选择“Convert to Symbol...”。
5.在弹出的Convert to Symbol新视窗的Name一栏内填入“btn”和Behavior一栏选择“Movie Clip”。
6.在主视窗下的Properties视窗内的“InstanceName”一栏内填入“btn”。
7.点击主视窗下的Actions-Frame视窗并在drop-down list里选择“Actions for Frame 1 of Layer Name Layer 1”，并将以下的程序编码(Action Script)贴在编码编辑处：
var ctr = 0;
var timer = 30;
var started = false;
function countDown() {
if (_root.timer == 0) {
_root.btn.enabled = false;
_root.started = false;
} else {
if (_root.started == true) {
_root.timer -= 1;
}
}
}
setInterval(countDown, 1000);8.点击主视窗下的Actions-Frame视窗并在drop-down list里选择“Actions for btn (btn)”，并将以下的程序编码(Action Script)贴在编码编辑处：
on (press) {
_root.started = true;
if (_root.btn.enabled=true) {
_root.ctr += 1;
//tellTarget ("_root.btn") {
//gotoAndPlay(2);
//}
}
}9.制作另外一个button，名称为“btnRetry，点击主视窗下的Actions-Frame视窗并在drop-down list里选择“Actions for btnRetry (btnRetry)”，并将以下的程序编码(Action Script)贴在编码编辑处：
on (release) {
_root.started = false;
_root.btn.enabled = true;
_root.timer = 30;
_root.ctr = 0;
}10.在Flash视窗空白处放上两个dynamic text，如图：
11.点击Control主菜单的Test Movie或键盘上按Ctrl+Enter来测试成果。大功告成！
Microsoft Word的文字玄机？
打開Microsoft word在第一行打上:
=rand(50,50)
然后按enter後看看會有什麼結果？
是不是会有很多行字出现呢？
其实这个是为了方便一些要在Word加入大量文字段落而又不想打字的人。
那些文字其实是sample text来的。
=rand()的syntax：
=rand(p,l)
p 是段落数量, l 是每个段落你要加入文字的行数。
例子：
=rand(1) 1段，3行。
=rand(10,10) 10段，每段10行。
*Note: The parameters are optional. If you omit the parameters, the default number of paragraphs is three, and the default number of lines per paragraph is also three.
=rand(50,50)
然后按enter後看看會有什麼結果？
是不是会有很多行字出现呢？
其实这个是为了方便一些要在Word加入大量文字段落而又不想打字的人。
那些文字其实是sample text来的。
=rand()的syntax：
=rand(p,l)
p 是段落数量, l 是每个段落你要加入文字的行数。
例子：
=rand(1) 1段，3行。
=rand(10,10) 10段，每段10行。
*Note: The parameters are optional. If you omit the parameters, the default number of paragraphs is three, and the default number of lines per paragraph is also three.
HTML教程——文字编辑必知常识
这次在这里分享一些在编写网页文字时的一些常识。
把文字标题化——<h1>...<h6>（heading）
例子：
<h1>This is heading 1.</h1>
<h4>This is heading 1.</h4>
加入当滑鼠经过时会显示原文的缩写——<abbr>（abbreviation）
例子：
The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.
把文字粗体化——<b>（bold）
例子：
<b>This sentence is in bold.</b>
把文字斜化——<i>（italic）
例子：
<i>This sentence is in italic.</i>
在文字下划横线——<u>（underline）
例子：
<u>This sentence is underlined.</u>
把文字稍微大/小化——<big>, <small>
例子：
<big>The size is slightly bigger.</big>
<small>The size is slightly smaller</small>
把文字变成像是打字机的字体——<tt>（teletype）
例子：
<tt>This sentence is in teletype.</tt>
把文字的显示方向倒转——<bdo>（bidirectional override）
例子：
<bdo dir="ltr">I love UCPRO!</bdo>
<bdo dir="rtl">I love UCPRO!</bdo>
注：dir（direction）attribute的数值可以为ltr（left-to-right）或rtl（right-to-left）
让文字在新的一行开始——<br/>（break）
例子：
This is line 1.<br/>
This is line 2.
把文字分段——<p>（paragraph）
例子：
<p>This is paragraph 1.<p/>
<p>This is paragraph 2.<p/>
把文字显示为被引用的段落——<blockquote>
browser在文字的前和后加入一些空间。
例子：
<blockquote>I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO.</blockquote>
把文字或其它element显示在网页横中间——<center>
<center>This sentence is located at the center of the page.</center>
把原本的文字删掉然后写上新的文字的效果——<del>, <ins>——（delete，insert）
例子：
Original price is <del>RM 1,000</del> <ins>RM 500</ins>!
注：你也可以使用<strike>来代替<del>的效果。
在网页中加入横尺——<hr>（horizontal rule）
例子：
Before the rule.<hr/>After the rule.
注：你可以用align设定尺的呈现方向，size设定尺的高度，width设定尺的宽度。
保留文字原有的空格，段落和空行——<pre>（preformatted text）
例子：
<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks
</pre>
编写数学方程式时必用——<sub>, <sup>（subscript，superscript）
例子：
NaOH + HCl -> NaCl + H<sub>2</sub>O
a<sup>2</sup> = b<sup>2</sup> + c<sup>2</sup>
NaOH + HCl -> NaCl + H2O
a2 = b2 + c2
在文字前后加入开引号——<q>（quotation）
例子：
weewaawaa: <q>I love UCPRO!</q>
其它的不太重要，不过可以慢慢研究：
<em> Renders as emphasized text
<strong> Renders as strong emphasized text
<dfn> Defines a definition term
<code> Defines computer code text
<samp> Defines sample computer code
<kbd> Defines keyboard text
<var> Defines a variable part of a text
<cite> Defines a citation
把文字标题化——<h1>...<h6>（heading）
例子：
<h1>This is heading 1.</h1>
<h4>This is heading 1.</h4>
加入当滑鼠经过时会显示原文的缩写——<abbr>（abbreviation）
例子：
The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.
把文字粗体化——<b>（bold）
例子：
<b>This sentence is in bold.</b>
把文字斜化——<i>（italic）
例子：
<i>This sentence is in italic.</i>
在文字下划横线——<u>（underline）
例子：
<u>This sentence is underlined.</u>
把文字稍微大/小化——<big>, <small>
例子：
<big>The size is slightly bigger.</big>
<small>The size is slightly smaller</small>
把文字变成像是打字机的字体——<tt>（teletype）
例子：
<tt>This sentence is in teletype.</tt>
把文字的显示方向倒转——<bdo>（bidirectional override）
例子：
<bdo dir="ltr">I love UCPRO!</bdo>
<bdo dir="rtl">I love UCPRO!</bdo>
注：dir（direction）attribute的数值可以为ltr（left-to-right）或rtl（right-to-left）
让文字在新的一行开始——<br/>（break）
例子：
This is line 1.<br/>
This is line 2.
把文字分段——<p>（paragraph）
例子：
<p>This is paragraph 1.<p/>
<p>This is paragraph 2.<p/>
把文字显示为被引用的段落——<blockquote>
browser在文字的前和后加入一些空间。
例子：
<blockquote>I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO.</blockquote>
把文字或其它element显示在网页横中间——<center>
<center>This sentence is located at the center of the page.</center>
把原本的文字删掉然后写上新的文字的效果——<del>, <ins>——（delete，insert）
例子：
Original price is <del>RM 1,000</del> <ins>RM 500</ins>!
注：你也可以使用<strike>来代替<del>的效果。
在网页中加入横尺——<hr>（horizontal rule）
例子：
Before the rule.<hr/>After the rule.
注：你可以用align设定尺的呈现方向，size设定尺的高度，width设定尺的宽度。
保留文字原有的空格，段落和空行——<pre>（preformatted text）
例子：
<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks
</pre>
编写数学方程式时必用——<sub>, <sup>（subscript，superscript）
例子：
NaOH + HCl -> NaCl + H<sub>2</sub>O
a<sup>2</sup> = b<sup>2</sup> + c<sup>2</sup>
NaOH + HCl -> NaCl + H2O
a2 = b2 + c2
在文字前后加入开引号——<q>（quotation）
例子：
weewaawaa: <q>I love UCPRO!</q>
其它的不太重要，不过可以慢慢研究：
<em> Renders as emphasized text
<strong> Renders as strong emphasized text
<dfn> Defines a definition term
<code> Defines computer code text
<samp> Defines sample computer code
<kbd> Defines keyboard text
<var> Defines a variable part of a text
<cite> Defines a citation
Friday, November 20, 2009
HTML教程<font>
font主要是用来设定网页上的字体颜色、大小和风格。
用法相当简单，鼓励用于CSS来有效控制字体。
<font>所支援的attribute：
color——设定字体的显示颜色，接受RGB数值或颜色名称。
例子：
<font color="red">This is a word.</font>
face——设定字体的风格，接受字体风格名称。
例子1：
<font face="Times New Roman">This is a word.</font>
例子2：
<font face="Cooper Black">This is a word.</font>
size——设定字体的大小，接受数字。
例子：
<font size="10">This is a word.</font>
id——设定独特的id让JavaScript辨别。
class——设定class的名称，通常用在CSS。
style——设定element里的inline style，用于CSS。
*<font>并不支援任何event handler
用法相当简单，鼓励用于CSS来有效控制字体。
<font>所支援的attribute：
color——设定字体的显示颜色，接受RGB数值或颜色名称。
例子：
<font color="red">This is a word.</font>
face——设定字体的风格，接受字体风格名称。
例子1：
<font face="Times New Roman">This is a word.</font>
例子2：
<font face="Cooper Black">This is a word.</font>
size——设定字体的大小，接受数字。
例子：
<font size="10">This is a word.</font>
id——设定独特的id让JavaScript辨别。
class——设定class的名称，通常用在CSS。
style——设定element里的inline style，用于CSS。
*<font>并不支援任何event handler
Wednesday, November 18, 2009
Sunday, November 15, 2009
Flash教程——制作自己的Flash时钟
结合了上次rotation的action script，这次教大家把它应用在实际的地方——制作属于自己的Flash时钟。
制作好的时钟还可以放在自己的blog或是个人网站呢！
以下为swf原档：
.swf档案制作步骤：
1.在Flash视窗空白处画上/贴上想要用来当时钟背景图案。
2.如果时钟背景图案没有被group起来，就.拖曳鼠标以选择整个图案，在键盘上按Ctrl+G把图案group起来。
3.Add new Layer，如图：
4.在Flash视窗空白处（新的Layer)画上/贴上想要用来当时针的图案，把图案放在时钟正中，并向上，如图：
5.如果图案没有被group起来，重复步骤2。
6.在图案上点击右滑鼠键，并选择“Convert to Symbol...”。
7.在弹出的Convert to Symbol新视窗的Name一栏内填入“hourhand”和Behavior一栏选择“Movie Clip”，注意registration的方向，如图：
8.在主视窗下的Properties视窗内的“InstanceName”一栏内填入“hourhand”，如图：
9.重复步骤4至8来加入分针和秒针。把之前的“hourhand”更改为“minutehand”和“secondhand”。
10.用鼠键点击含有时钟背景的Layer一次，去“Actions - Frame”选择“Actions for Frame 1 of Layer Name......”，如图：
11.将以下的程序编码(Action Script)贴在编码编辑处：
_root.onEnterFrame = function() {
var mydate = new date();
hourhand._rotation = mydate.getHours()*30+mydate.getMinutes()/2;
minutehand._rotation = mydate.getMinutes()*6+mydate.getSeconds()/10;
secondhand._rotation = mydate.getSeconds()*6;
};
12.点击Control主菜单的Test Movie或键盘上按Ctrl+Enter来测试成果。.swf档案将被自动export到储存.fla原档的地方。.swf档案制作大功告成！
注意：如果你的时钟的大小与视窗的大小不符，可以依照下图方式更改：
使用.swf步骤：
13.将.swf档案上传至提供网上储存服务的网站，如ripway.com等等。
14.将以下html编码贴在blog或个人网站即可：
<embed src="档案网址"></embed>
档案网址如：http://h1.ripway.com/weewaawaa/UCProClock.swf等等。时钟应用成功！
制作好的时钟还可以放在自己的blog或是个人网站呢！
以下为swf原档：
.swf档案制作步骤：
1.在Flash视窗空白处画上/贴上想要用来当时钟背景图案。
2.如果时钟背景图案没有被group起来，就.拖曳鼠标以选择整个图案，在键盘上按Ctrl+G把图案group起来。
3.Add new Layer，如图：
4.在Flash视窗空白处（新的Layer)画上/贴上想要用来当时针的图案，把图案放在时钟正中，并向上，如图：
5.如果图案没有被group起来，重复步骤2。
6.在图案上点击右滑鼠键，并选择“Convert to Symbol...”。
7.在弹出的Convert to Symbol新视窗的Name一栏内填入“hourhand”和Behavior一栏选择“Movie Clip”，注意registration的方向，如图：
8.在主视窗下的Properties视窗内的“InstanceName”一栏内填入“hourhand”，如图：
9.重复步骤4至8来加入分针和秒针。把之前的“hourhand”更改为“minutehand”和“secondhand”。
10.用鼠键点击含有时钟背景的Layer一次，去“Actions - Frame”选择“Actions for Frame 1 of Layer Name......”，如图：
11.将以下的程序编码(Action Script)贴在编码编辑处：
_root.onEnterFrame = function() {
var mydate = new date();
hourhand._rotation = mydate.getHours()*30+mydate.getMinutes()/2;
minutehand._rotation = mydate.getMinutes()*6+mydate.getSeconds()/10;
secondhand._rotation = mydate.getSeconds()*6;
};
12.点击Control主菜单的Test Movie或键盘上按Ctrl+Enter来测试成果。.swf档案将被自动export到储存.fla原档的地方。.swf档案制作大功告成！
注意：如果你的时钟的大小与视窗的大小不符，可以依照下图方式更改：
使用.swf步骤：
13.将.swf档案上传至提供网上储存服务的网站，如ripway.com等等。
14.将以下html编码贴在blog或个人网站即可：
<embed src="档案网址"></embed>
档案网址如：http://h1.ripway.com/weewaawaa/UCProClock.swf等等。时钟应用成功！
Friday, November 13, 2009
学电脑必懂的53个英文单词和缩写
·PC：个人计算机Personal Computer
·CPU：中央处理器Central Processing Unit
·CPU Fan：中央处理器的“散热器”(Fan)
·MB：主机板MotherBoard
·RAM：内存Random Access Memory，以PC-代号划分规格，如PC-133，PC-1066，PC-2700
·HDD：硬盘Hard Disk Drive
·FDD：软盘Floopy Disk Drive
·CD-ROM：光驱Compact Disk Read Only Memory
·DVD-ROM：DVD光驱Digital Versatile Disk Read Only Memory
·CD-RW：刻录机Compact Disk ReWriter
·VGA：显示卡(显示卡正式用语应为Display Card)
·AUD：声卡(声卡正式用语应为Sound Card)
·LAN：网卡(网卡正式用语应为Network Card)
·MODM：数据卡或调制解调器Modem.
·HUB：集线器
·WebCam：网络摄影机
·Capture：影音采集卡
·Case：机箱
·Power：电源
·Moniter：屏幕，CRT为显像管屏幕，LCD为液晶屏幕
·USB：通用串行总线Universal Serial Bus，用来连接外围装置
·IEEE1394：新的高速序列总线规格Institute of Electrical and Electronic Engineers
·Mouse：鼠标，常见接口规格为PS/2与USB
·KB：键盘，常见接口规格为PS/2与USB
·Speaker：喇叭
·Printer：打印机
·Scanner：扫描仪
·UPS：不断电系统(Uninterruptible Power Supply)
·IDE：指IDE接口规格Integrated Device Electronics，IDE接口装置泛指采用IDE接口的各种设备
·SCSI：指SCSI接口规格Small Computer System Interface，SCSI接口装置泛指采用SCSI接口的各种设备
·GHz：(中央处理器运算速度达)Giga Hertz(赫兹/每秒)
·FSB：指“前端总线(Front Side Bus)”频率，以MHz为单位
·ATA：指硬盘传输速率ATAttachment，ATA-133表示传输速率为133MB/sec
·AGP：显示总线Accelerated Graphics Port，以2X，4X，8X表示传输频宽模式
·PCI：外围装置连接端口Peripheral Component Interconnect
·ATX：指目前电源供应器的规格，也指主机板标准大小尺寸
·BIOS：硬件(输入/输出)基本设置程序Basic Input Output System
·CMOS：储存BIOS基本设置数据的记忆芯片Complementary Metal-Oxide Semiconductor
·POST：开机检测Power On Self Test
·OS：操作系统Operating System
·Windows：窗口操作系统，图形接口
·DOS：早期文字指令接口的操作系统
·fdisk：“规划硬盘扇区”-DOS指令之一
·format：“硬盘扇区格式化”-DOS指令之一
·setup.exe：“执行安装程序”-DOS指令之一
·Socket：插槽，如CPU插槽种类有SocketA，Socket478等等
·Pin：针脚，如ATA133硬盘排线是80Pin，如PC2700内存模块是168Pin
·Jumper：跳线(短路端子)
·bit：位(0与1这两种电路状态)， 计算机数据最基本的单位
·Byte：字节，等于8 bit(八个位的组合，共有256种电路状态)，计算机一个文字以8 bit来表示
·KB：1 KiloByte等于1024 Byte
·MB：1 MegaByte等于1024 KB
·GB：1GigaByte等于1024 MB
·CPU：中央处理器Central Processing Unit
·CPU Fan：中央处理器的“散热器”(Fan)
·MB：主机板MotherBoard
·RAM：内存Random Access Memory，以PC-代号划分规格，如PC-133，PC-1066，PC-2700
·HDD：硬盘Hard Disk Drive
·FDD：软盘Floopy Disk Drive
·CD-ROM：光驱Compact Disk Read Only Memory
·DVD-ROM：DVD光驱Digital Versatile Disk Read Only Memory
·CD-RW：刻录机Compact Disk ReWriter
·VGA：显示卡(显示卡正式用语应为Display Card)
·AUD：声卡(声卡正式用语应为Sound Card)
·LAN：网卡(网卡正式用语应为Network Card)
·MODM：数据卡或调制解调器Modem.
·HUB：集线器
·WebCam：网络摄影机
·Capture：影音采集卡
·Case：机箱
·Power：电源
·Moniter：屏幕，CRT为显像管屏幕，LCD为液晶屏幕
·USB：通用串行总线Universal Serial Bus，用来连接外围装置
·IEEE1394：新的高速序列总线规格Institute of Electrical and Electronic Engineers
·Mouse：鼠标，常见接口规格为PS/2与USB
·KB：键盘，常见接口规格为PS/2与USB
·Speaker：喇叭
·Printer：打印机
·Scanner：扫描仪
·UPS：不断电系统(Uninterruptible Power Supply)
·IDE：指IDE接口规格Integrated Device Electronics，IDE接口装置泛指采用IDE接口的各种设备
·SCSI：指SCSI接口规格Small Computer System Interface，SCSI接口装置泛指采用SCSI接口的各种设备
·GHz：(中央处理器运算速度达)Giga Hertz(赫兹/每秒)
·FSB：指“前端总线(Front Side Bus)”频率，以MHz为单位
·ATA：指硬盘传输速率ATAttachment，ATA-133表示传输速率为133MB/sec
·AGP：显示总线Accelerated Graphics Port，以2X，4X，8X表示传输频宽模式
·PCI：外围装置连接端口Peripheral Component Interconnect
·ATX：指目前电源供应器的规格，也指主机板标准大小尺寸
·BIOS：硬件(输入/输出)基本设置程序Basic Input Output System
·CMOS：储存BIOS基本设置数据的记忆芯片Complementary Metal-Oxide Semiconductor
·POST：开机检测Power On Self Test
·OS：操作系统Operating System
·Windows：窗口操作系统，图形接口
·DOS：早期文字指令接口的操作系统
·fdisk：“规划硬盘扇区”-DOS指令之一
·format：“硬盘扇区格式化”-DOS指令之一
·setup.exe：“执行安装程序”-DOS指令之一
·Socket：插槽，如CPU插槽种类有SocketA，Socket478等等
·Pin：针脚，如ATA133硬盘排线是80Pin，如PC2700内存模块是168Pin
·Jumper：跳线(短路端子)
·bit：位(0与1这两种电路状态)， 计算机数据最基本的单位
·Byte：字节，等于8 bit(八个位的组合，共有256种电路状态)，计算机一个文字以8 bit来表示
·KB：1 KiloByte等于1024 Byte
·MB：1 MegaByte等于1024 KB
·GB：1GigaByte等于1024 MB
Thursday, November 12, 2009
Wednesday, November 11, 2009
CSS简介
什么是CSS？
CSS就是Cascading Style Sheet，它可以用来设定怎样显示网页中的element。
HTML 4.0以上支援CSS。
简单一点来说就是CSS可以帮我们省略掉很多重复的HTML code，也可以让网页的element更加统一。
比如说我们的网页中有很多个段落（paragraph），我们使用了HTML中的<p>来分段。
可是如果我们没有使用CSS而每一段都想要有同样的显示格式，我们的HTML code会是这样：
<p align="center"><font face="Arial" color="red">This is paragraph 1.</font></p>
<p align="center"><font face="Arial" color="red">This is paragraph 2.</font></p>
可是如果我们使用了CSS的话，我们的HTML code将是这样：
<head>
<style type="text/css">
p
{
font-family:"Arial";
color:red;
text-align:center;
}
</style>
</head>
<p>This is paragraph 1.</p>
<p>This is paragraph 2.</p>
有没有注意到你只需要设定一次CSS中的<p>element，就可以在整个网页中简单地控制<p>tag的element？
这样可以省去web designer修改和整理网页所需的时间。
CSS的Syntax
CSS由三个部分组成：selector，property和value：
selector {property:value}
通常selector就i是你想设定的HTML element名称，property就是相关element的attribute名称，而value就是attribute可接受的数值。
例子：
<body bgcolor="blue">
...
</body>
可以被写成：
<head><style type="text/css">
body
{
background-color:blue;
}
</style>
<body>
...
</body>
注：body是selector，background-color是property，blue就是value。
除此之外，CSS也允许使用class和id来自定义selector。
id selector
比如你的HTML里有element的id叫做para1：
#para1 {
font-family:"Arial";
color:red;
text-align:center;
}
class selector
比如你的HTML里有element的class叫做para1：<p class="para1">This is paragraph 1.</p>
你可以在CSS的selector名称的前面加入.来使用：
.para1 {
font-family:"Arial";
color:red;
text-align:center;
}
id和class不同的地方就是id是unique的，只能被element define一次；而class是可以被element重复define。
怎样在CSS中加入comment？
CSS中的comment由/*开始，由*/结束。
body
{
/*This is a comment.*/
background-color:blue;
}
三种把CSS嵌入HTML的方法：External style sheet，Internal style sheet和Inline style。
External style sheet是将所有define的CSS储存在另一个.CSS的file里，然后用<link>tag衔接CSS。
例子：
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
Internal style sheet就是把CSS写在<head>和</head>之间。
Inline style是把CSS直接写在element里，可是这样做让CSS失去了它省略的好处。
例子：
<p style="font-family:Arial;color:red;text-align:center">This is paragraph 1.</p>
注：如果HTML里拥有超过一个设定同样element的CSS出现，那么最后被render的CSS将会显示其效果。
CSS就是Cascading Style Sheet，它可以用来设定怎样显示网页中的element。
HTML 4.0以上支援CSS。
简单一点来说就是CSS可以帮我们省略掉很多重复的HTML code，也可以让网页的element更加统一。
比如说我们的网页中有很多个段落（paragraph），我们使用了HTML中的<p>来分段。
可是如果我们没有使用CSS而每一段都想要有同样的显示格式，我们的HTML code会是这样：
<p align="center"><font face="Arial" color="red">This is paragraph 1.</font></p>
<p align="center"><font face="Arial" color="red">This is paragraph 2.</font></p>
可是如果我们使用了CSS的话，我们的HTML code将是这样：
<head>
<style type="text/css">
p
{
font-family:"Arial";
color:red;
text-align:center;
}
</style>
</head>
<p>This is paragraph 1.</p>
<p>This is paragraph 2.</p>
有没有注意到你只需要设定一次CSS中的<p>element，就可以在整个网页中简单地控制<p>tag的element？
这样可以省去web designer修改和整理网页所需的时间。
CSS的Syntax
CSS由三个部分组成：selector，property和value：
selector {property:value}
通常selector就i是你想设定的HTML element名称，property就是相关element的attribute名称，而value就是attribute可接受的数值。
例子：
<body bgcolor="blue">
...
</body>
可以被写成：
<head><style type="text/css">
body
{
background-color:blue;
}
</style>
<body>
...
</body>
注：body是selector，background-color是property，blue就是value。
除此之外，CSS也允许使用class和id来自定义selector。
id selector
比如你的HTML里有element的id叫做para1：
This is paragraph 1.
你可以在CSS的selector名称的前面加入#来使用：#para1 {
font-family:"Arial";
color:red;
text-align:center;
}
class selector
比如你的HTML里有element的class叫做para1：<p class="para1">This is paragraph 1.</p>
你可以在CSS的selector名称的前面加入.来使用：
.para1 {
font-family:"Arial";
color:red;
text-align:center;
}
id和class不同的地方就是id是unique的，只能被element define一次；而class是可以被element重复define。
怎样在CSS中加入comment？
CSS中的comment由/*开始，由*/结束。
body
{
/*This is a comment.*/
background-color:blue;
}
三种把CSS嵌入HTML的方法：External style sheet，Internal style sheet和Inline style。
External style sheet是将所有define的CSS储存在另一个.CSS的file里，然后用<link>tag衔接CSS。
例子：
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
Internal style sheet就是把CSS写在<head>和</head>之间。
Inline style是把CSS直接写在element里，可是这样做让CSS失去了它省略的好处。
例子：
<p style="font-family:Arial;color:red;text-align:center">This is paragraph 1.</p>
注：如果HTML里拥有超过一个设定同样element的CSS出现，那么最后被render的CSS将会显示其效果。
Tuesday, November 10, 2009
HTML教程——Character和Symbol
HTML里的Character和Symbol是被预定的HTML字母和符号。
大家应该都知道有些符号对HTML有特别的意义，例如<和>。
如果这些符号的syntax正确的话，他们将被浏览器render为特定的element，否则将被视为syntax error或被忽略掉。
那么如果你要在你的网页中显示这些符号，该怎么办呢？你可以用HTML所预设的符号代码来嵌入你要的符号。
这些代码的开头都是由&#开始，接着是数字或是由&开始，接着是名称，然后由;作结尾。
例子：
你可以用<来显示<，用>来显示>。
请参考以下常用的符号代码表：
以下为一些特别符号和Greek字母：
大家应该都知道有些符号对HTML有特别的意义，例如<和>。
如果这些符号的syntax正确的话，他们将被浏览器render为特定的element，否则将被视为syntax error或被忽略掉。
那么如果你要在你的网页中显示这些符号，该怎么办呢？你可以用HTML所预设的符号代码来嵌入你要的符号。
这些代码的开头都是由&#开始，接着是数字或是由&开始，接着是名称，然后由;作结尾。
例子：
你可以用<来显示<，用>来显示>。
请参考以下常用的符号代码表：
以下为一些特别符号和Greek字母：
Sunday, November 8, 2009
Flash教程——跟着鼠标移动的图样
在这里跟大家分享一个制作可以跟着鼠标移动的Flash图案的简单方法。
希望已简化的Action Script可以帮助到各位。
以下为swf原档：
步骤：
1.在Flash视窗空白处画些图案。
2.拖曳鼠标以选择整个图案。
3.选择成功后，在键盘上按Ctrl+G把图案group起来。
4.在图案上点击右滑鼠键，并选择“Convert to Symbol...”。
5.在弹出的Convert to Symbol新视窗的Name一栏内填入“pointer”和Behavior一栏选择“Movie Clip”。
6.在主视窗下的Properties视窗内的“InstanceName”一栏内填入“pointer”。
7.点击主视窗下的Actions-Frame视窗并在drop-down list里选择“Actions for pointer (pointer)”。
8.将以下的程序编码(Action Script)贴在编码编辑处：
onClipEvent (load) {
_root.gotoSpotX;
_root.gotoSpotY;
_root.speed = 0;
}
onClipEvent (enterFrame) {
{
_root.gotoSpotX = _root._xmouse;
_root.gotoSpotY = _root._ymouse;
}
// calculate angle of current position to target position
_root.delta_x = _root.gotoSpotX-_x;
_root.delta_y = _y-_root.gotoSpotY;
_root.targetRotation = Math.atan2(_root.delta_x,_root.delta_y)/(Math.PI/180);
{
_rotation = _root.targetRotation;
}
// move beetle toward the target and stop when it gets there
_root.distance=Math.sqrt((_root.delta_x*_root.delta_x)+(_root.delta_y*_root.delta_y));
if(_root.distance>300)
{
_root.speed=30;
}
else if (_root.distance>200)
{
_root.speed=20;
}
else if(_root.distance>30)
{
_root.speed=10;
}
else
{
_root.speed=0;
}
if (Math.sqrt((_root.delta_x*_root.delta_x)+(_root.delta_y*_root.delta_y))>speed) {
_y -= _root.speed*Math.cos(Math.atan2(_root.delta_x,_root.delta_y));
_x += _root.speed*Math.sin(Math.atan2(_root.delta_x,_root.delta_y));
_root.cos1=Math.cos(Math.atan2(_root.delta_x,_root.delta_y));
_root.sin1=Math.sin(Math.atan2(_root.delta_x,_root.delta_y));
}
}
9.点击Control主菜单的Test Movie或键盘上按Ctrl+Enter来测试成果。大功告成！
希望已简化的Action Script可以帮助到各位。
以下为swf原档：
步骤：
1.在Flash视窗空白处画些图案。
2.拖曳鼠标以选择整个图案。
3.选择成功后，在键盘上按Ctrl+G把图案group起来。
4.在图案上点击右滑鼠键，并选择“Convert to Symbol...”。
5.在弹出的Convert to Symbol新视窗的Name一栏内填入“pointer”和Behavior一栏选择“Movie Clip”。
6.在主视窗下的Properties视窗内的“InstanceName”一栏内填入“pointer”。
7.点击主视窗下的Actions-Frame视窗并在drop-down list里选择“Actions for pointer (pointer)”。
8.将以下的程序编码(Action Script)贴在编码编辑处：
onClipEvent (load) {
_root.gotoSpotX;
_root.gotoSpotY;
_root.speed = 0;
}
onClipEvent (enterFrame) {
{
_root.gotoSpotX = _root._xmouse;
_root.gotoSpotY = _root._ymouse;
}
// calculate angle of current position to target position
_root.delta_x = _root.gotoSpotX-_x;
_root.delta_y = _y-_root.gotoSpotY;
_root.targetRotation = Math.atan2(_root.delta_x,_root.delta_y)/(Math.PI/180);
{
_rotation = _root.targetRotation;
}
// move beetle toward the target and stop when it gets there
_root.distance=Math.sqrt((_root.delta_x*_root.delta_x)+(_root.delta_y*_root.delta_y));
if(_root.distance>300)
{
_root.speed=30;
}
else if (_root.distance>200)
{
_root.speed=20;
}
else if(_root.distance>30)
{
_root.speed=10;
}
else
{
_root.speed=0;
}
if (Math.sqrt((_root.delta_x*_root.delta_x)+(_root.delta_y*_root.delta_y))>speed) {
_y -= _root.speed*Math.cos(Math.atan2(_root.delta_x,_root.delta_y));
_x += _root.speed*Math.sin(Math.atan2(_root.delta_x,_root.delta_y));
_root.cos1=Math.cos(Math.atan2(_root.delta_x,_root.delta_y));
_root.sin1=Math.sin(Math.atan2(_root.delta_x,_root.delta_y));
}
}
9.点击Control主菜单的Test Movie或键盘上按Ctrl+Enter来测试成果。大功告成！
Friday, November 6, 2009
Wednesday, November 4, 2009
Flash教程——自动旋转的图案
在这里跟大家分享一个制作可以自动旋转的Flash图案的简单方法。
以下为swf原档：
[简单版]步骤：
1.在Flash视窗空白处画些图案。
2.拖曳鼠标以选择整个图案。
3.选择成功后，在键盘上按Ctrl+G把图案group起来。
4.在图案上点击右滑鼠键，并选择“Convert to Symbol...”。
5.在弹出的Convert to Symbol新视窗的Name一栏内填入“rotator”和Behavior一栏选择“Movie Clip”。
6.在主视窗下的Properties视窗内的“InstanceName”一栏内填入“rotator”。
7.点击主视窗下的Actions-Frame视窗并在drop-down list里选择“Actions for rotator (rotator)”。
8.将以下的程序编码(Action Script)贴在编码编辑处：
onClipEvent (enterFrame) {
_rotation += 1;//edit here to change the angle of rotation
}
9.点击Control主菜单的Test Movie或键盘上按Ctrl+Enter来测试成果。大功告成！
以下为swf原档：
[简单版]步骤：
1.在Flash视窗空白处画些图案。
2.拖曳鼠标以选择整个图案。
3.选择成功后，在键盘上按Ctrl+G把图案group起来。
4.在图案上点击右滑鼠键，并选择“Convert to Symbol...”。
5.在弹出的Convert to Symbol新视窗的Name一栏内填入“rotator”和Behavior一栏选择“Movie Clip”。
6.在主视窗下的Properties视窗内的“InstanceName”一栏内填入“rotator”。
7.点击主视窗下的Actions-Frame视窗并在drop-down list里选择“Actions for rotator (rotator)”。
8.将以下的程序编码(Action Script)贴在编码编辑处：
onClipEvent (enterFrame) {
_rotation += 1;//edit here to change the angle of rotation
}
9.点击Control主菜单的Test Movie或键盘上按Ctrl+Enter来测试成果。大功告成！
Monday, November 2, 2009
HTML教程<img>
<img> tag把图片嵌入网页中。
<img>所支援的attribute：
src——设定图片的URL位置。
例子：
<img src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
alt——设定档图片没有办法读取时所显示的信息。
例子：
<img alt="This image cannot be loaded" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
title——设定滑鼠在图片上时所显示的tooltip信息。
例子：
<img title="UCPRO" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
height——设定图片的高度。接受px（pixel）或是%（percentage）。
例子：
<img height="100px" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
<img height="20%" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
width——设定图片的长度。接受px（pixel）或是%（percentage）。
例子：
<img width="100px" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
<img width="20%" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
align——设定图片的排列位置（可在图片旁加入其它element来见其效果），支援的value为：top, bottom, middle, left, right.
例子：
比较以下例子：
lalala<img align="middle" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>lalala
lalala<img align="left" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>lalala
lalala<img align="right" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>lalala
border——设定图片旁的边框大小。接受px（pixel）。
例子：
<img border="5px" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
hspace——设定图片与左右两旁的element之间的空白距离。接受px（pixel）。
例子：
<img hspace="10px" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
vspace——设定图片与上下两旁的element之间的空白距离。接受px（pixel）。
例子：
<mg vspace="10px" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
id——设定独特的id让JavaScript辨别。
class——设定class的名称，通常用在CSS。
usemap——设定usemap的名称。usemap是用来将图片分割成部分，然后个别位置对滑鼠作出不同的反应。
例子：
<img usemap="#ucpromap" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
<map name="ucpromap">
</map>
<img>所支援的event：
onabort, ondblclick, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onkeydown, onkeypress, onkeyup.
<img>所支援的attribute：
src——设定图片的URL位置。
例子：
<img src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
alt——设定档图片没有办法读取时所显示的信息。
例子：
<img alt="This image cannot be loaded" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
title——设定滑鼠在图片上时所显示的tooltip信息。
例子：
<img title="UCPRO" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
height——设定图片的高度。接受px（pixel）或是%（percentage）。
例子：
<img height="100px" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
<img height="20%" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
width——设定图片的长度。接受px（pixel）或是%（percentage）。
例子：
<img width="100px" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
<img width="20%" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
align——设定图片的排列位置（可在图片旁加入其它element来见其效果），支援的value为：top, bottom, middle, left, right.
例子：
比较以下例子：
lalala<img align="middle" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>lalala
lalala<img align="left" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>lalala
lalala<img align="right" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>lalala
border——设定图片旁的边框大小。接受px（pixel）。
例子：
<img border="5px" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
hspace——设定图片与左右两旁的element之间的空白距离。接受px（pixel）。
例子：
<img hspace="10px" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
vspace——设定图片与上下两旁的element之间的空白距离。接受px（pixel）。
例子：
<mg vspace="10px" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
id——设定独特的id让JavaScript辨别。
class——设定class的名称，通常用在CSS。
usemap——设定usemap的名称。usemap是用来将图片分割成部分，然后个别位置对滑鼠作出不同的反应。
例子：
<img usemap="#ucpromap" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
<map name="ucpromap">
</map>
<img>所支援的event：
onabort, ondblclick, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onkeydown, onkeypress, onkeyup.
HTML教程<body>
这次来谈谈body tag。
在浏览器中所展示出来的网页内容都是在<body>和</body>里。
<body>支持以下的attibute：
1.alink——设定超链接（active link）的字体颜色。（active link是指被点击的超链接hyperlink）
*效果将在<a>tag中显现出来。
用法：
<body alink="#ff0000">或是<body alink="red">
#ff0000是设定颜色的RGB十六进制数字（hexadecimal）
前面的#显示此数字为十六进制数字
RGB是由三种颜色组成——Red、Green、Blue
2.background——设定网页的背景图案。
用法：
<body background="http://www.dota-league.gr/images/143.jpg">
background的value必须是图片的所在位置，它可以是在电脑或是URL。
3.bgcolor——设定网页的背景颜色。
用法：
<body bgcolor="#0000ff">
4.link——设定还未被访问过的hyperlink的字体颜色。
用法：
<body link="#00ff00">
5.text——设定网页中最初的字体颜色。
用法：
<body text="#00ff00">
6.vlink——设定已访问过的hyperlink的字体颜色。
用法：
<body vlink="#ff00ff">
*以上例子中的hyperlink的颜色可以加入anchor tag或是<a>来显示。
<a href="http://cforum.ucpro.my/">http://cforum.ucpro.my/</a>
body tag所支援的event handler：
onclick, ondblclick, onload, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onkeydown, onkeypress, onkeyup, onunload.
在浏览器中所展示出来的网页内容都是在<body>和</body>里。
<body>支持以下的attibute：
1.alink——设定超链接（active link）的字体颜色。（active link是指被点击的超链接hyperlink）
*效果将在<a>tag中显现出来。
用法：
<body alink="#ff0000">或是<body alink="red">
#ff0000是设定颜色的RGB十六进制数字（hexadecimal）
前面的#显示此数字为十六进制数字
RGB是由三种颜色组成——Red、Green、Blue
2.background——设定网页的背景图案。
用法：
<body background="http://www.dota-league.gr/images/143.jpg">
background的value必须是图片的所在位置，它可以是在电脑或是URL。
3.bgcolor——设定网页的背景颜色。
用法：
<body bgcolor="#0000ff">
4.link——设定还未被访问过的hyperlink的字体颜色。
用法：
<body link="#00ff00">
5.text——设定网页中最初的字体颜色。
用法：
<body text="#00ff00">
6.vlink——设定已访问过的hyperlink的字体颜色。
用法：
<body vlink="#ff00ff">
*以上例子中的hyperlink的颜色可以加入anchor tag或是<a>来显示。
<a href="http://cforum.ucpro.my/">http://cforum.ucpro.my/</a>
body tag所支援的event handler：
onclick, ondblclick, onload, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onkeydown, onkeypress, onkeyup, onunload.
HTML教程——什么是event？
Event是浏览器在HTML网页内所执行的事件。
Event的功用通常是要执行在网页内的JavaScript。
Event分为四种：Window Events，Form Element Events，Keyboard Events和Mouse Events。
Windows Events
可以应用在body和frameset tag。
Windows Events所支持的attribute：
onload——设定当网页读取完成时所执行的脚本（Script）
例子：
<body onload="JavaScript:alert('Welcome to UCPRO!')"></body>
onunload——设定当网页被关闭时所执行的脚本
例子：
<body onunload="JavaScript:alert('See you next time in UCPRO!')"></body>
Form Element Events
只可以应用在form tag。
Form Element Events所支持的attribute：
onchange——设定当form里的input榄被更换时所执行的脚本
例子：
<input type="text" value="UCPRO" id="text1" name="text1" onchange="JavaScript:alert('Welcome to UCPRO!')"/>
onsubmit——设定当form被提交时所执行的脚本（用在form tag里）
例子：
<form onsubmit="JavaScript:alert('submit');">
<input type="submit" value="send"/></form>
onreset——设定当form被重新设定（reset）时所执行的脚本
例子：
<form onreset="JavaScript:alert('reset');">
<input type="reset" value="send"/></form>
onselect——设定当form内的text被滑鼠选择时所执行的脚本
例子：
<input type="text" value="UCPRO" id="text1" name="text1" onselect="JavaScript:alert('select')"/>
onblur——设定当form内的element失去焦点时所执行的脚本
例子：
<input type="text" value="UCPRO" id="text1" name="text1" onblur="JavaScript:alert('blur')"/>
onfocus——设定当form内的element得到焦点时所执行的脚本
例子：
<input type="text" value="UCPRO" id="text1" name="text1" onfocus="JavaScript:alert('focus')"/>
Keyboard Events
Keyboard Events设定当键盘上的键被点击或释放时所执行的脚本
（不能被应用在base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style,和title tag）
Keyboard Events所支持的attribute：
onkeydown——设定当键盘的按键被按下时所执行的脚本
例子：
<body onkeydown="JavaScript:alert('keydown')"></body>
onkeypress——设定当键盘的按键被按下并被释放时所执行的脚本
例子：
<input type="text" value="UCPRO" id="text1" name="text1" onkeypress="JavaScript:alert('keypress')"/>
onkeyup——键盘的按键被释放时所执行的脚本
例子：
<input type="text" value="UCPRO" id="text1" name="text1" onkeyup="JavaScript:alert('keyup')"/>
Mouse Events
让滑鼠在网页中的行动执行脚本。
（不能被应用在base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style,和title tag）
Mouse Event所支持的attribute：
onclick——设定HTML元素被滑鼠点击+释放时所执行的脚本
例子：
<a href="http://cforum.ucpro.my/" onclick="JavaScript:alert('click')">click once</a>
ondblclick——设定HTML元素被滑鼠双点击（double-click）时所执行的脚本
例子：
<a href="http://cforum.ucpro.my/" ondblclick="JavaScript:alert('click')">double click</a>
onmousedown——设定HTML元素被滑鼠点击时所执行的脚本
例子：
<font onmousedown="JavaScript:alert('mousedown')">Mouse Down</font>
onmousemove——设定HTML元素被滑鼠移动经过时所执行的脚本
例子：
<font onmousemove="JavaScript:alert('mousemove')">Mouse Move</font>
onmouseout——设定HTML元素被滑鼠移动出去时所执行的脚本
例子：
<font onmouseout="JavaScript:alert('mouseout')">Mouse Out</font>
onmouseover——设定HTML元素被滑鼠经过其上面时所执行的脚本
例子：
<font onmouseover="JavaScript:alert('mouseover')">Mouse Over</font>
onmouseup——设定HTML元素被滑鼠点释放时所执行的脚本
例子：
<a href="http://cforum.ucpro.my/" onmouseup="JavaScript:alert('mouseup')">Mouse Up</a>
Event的功用通常是要执行在网页内的JavaScript。
Event分为四种：Window Events，Form Element Events，Keyboard Events和Mouse Events。
Windows Events
可以应用在body和frameset tag。
Windows Events所支持的attribute：
onload——设定当网页读取完成时所执行的脚本（Script）
例子：
<body onload="JavaScript:alert('Welcome to UCPRO!')"></body>
onunload——设定当网页被关闭时所执行的脚本
例子：
<body onunload="JavaScript:alert('See you next time in UCPRO!')"></body>
Form Element Events
只可以应用在form tag。
Form Element Events所支持的attribute：
onchange——设定当form里的input榄被更换时所执行的脚本
例子：
<input type="text" value="UCPRO" id="text1" name="text1" onchange="JavaScript:alert('Welcome to UCPRO!')"/>
onsubmit——设定当form被提交时所执行的脚本（用在form tag里）
例子：
<form onsubmit="JavaScript:alert('submit');">
<input type="submit" value="send"/></form>
onreset——设定当form被重新设定（reset）时所执行的脚本
例子：
<form onreset="JavaScript:alert('reset');">
<input type="reset" value="send"/></form>
onselect——设定当form内的text被滑鼠选择时所执行的脚本
例子：
<input type="text" value="UCPRO" id="text1" name="text1" onselect="JavaScript:alert('select')"/>
onblur——设定当form内的element失去焦点时所执行的脚本
例子：
<input type="text" value="UCPRO" id="text1" name="text1" onblur="JavaScript:alert('blur')"/>
onfocus——设定当form内的element得到焦点时所执行的脚本
例子：
<input type="text" value="UCPRO" id="text1" name="text1" onfocus="JavaScript:alert('focus')"/>
Keyboard Events
Keyboard Events设定当键盘上的键被点击或释放时所执行的脚本
（不能被应用在base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style,和title tag）
Keyboard Events所支持的attribute：
onkeydown——设定当键盘的按键被按下时所执行的脚本
例子：
<body onkeydown="JavaScript:alert('keydown')"></body>
onkeypress——设定当键盘的按键被按下并被释放时所执行的脚本
例子：
<input type="text" value="UCPRO" id="text1" name="text1" onkeypress="JavaScript:alert('keypress')"/>
onkeyup——键盘的按键被释放时所执行的脚本
例子：
<input type="text" value="UCPRO" id="text1" name="text1" onkeyup="JavaScript:alert('keyup')"/>
Mouse Events
让滑鼠在网页中的行动执行脚本。
（不能被应用在base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style,和title tag）
Mouse Event所支持的attribute：
onclick——设定HTML元素被滑鼠点击+释放时所执行的脚本
例子：
<a href="http://cforum.ucpro.my/" onclick="JavaScript:alert('click')">click once</a>
ondblclick——设定HTML元素被滑鼠双点击（double-click）时所执行的脚本
例子：
<a href="http://cforum.ucpro.my/" ondblclick="JavaScript:alert('click')">double click</a>
onmousedown——设定HTML元素被滑鼠点击时所执行的脚本
例子：
<font onmousedown="JavaScript:alert('mousedown')">Mouse Down</font>
onmousemove——设定HTML元素被滑鼠移动经过时所执行的脚本
例子：
<font onmousemove="JavaScript:alert('mousemove')">Mouse Move</font>
onmouseout——设定HTML元素被滑鼠移动出去时所执行的脚本
例子：
<font onmouseout="JavaScript:alert('mouseout')">Mouse Out</font>
onmouseover——设定HTML元素被滑鼠经过其上面时所执行的脚本
例子：
<font onmouseover="JavaScript:alert('mouseover')">Mouse Over</font>
onmouseup——设定HTML元素被滑鼠点释放时所执行的脚本
例子：
<a href="http://cforum.ucpro.my/" onmouseup="JavaScript:alert('mouseup')">Mouse Up</a>
HTML简介
HTML至今仍是制作网页时必不可少的代码。如果能够熟悉掌握并应用这些代码，大到做网站，小到博客论坛等都会有莫大的好处。
什么是HTML？
HTML是用来制作网页的标记语言.
HTML是Hypertext Markup Language的英文缩写,即超文本标记语言.
HTML语言是一种标记语言,不需要编译,直接由浏览器执行.
HTML文件是一个文本文件,包含了一些HTML元素,标签等.HTML文件必须使用html或htm为文件名后缀.
HTML是大小写不敏感的,HTML与html是一样的.
HTML是由W3C的维护的.
设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
制作HTML需要什么？
也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面；你所需要的只是一个文字处理器（如Mcrosoft Word/记事本/写字板等等）以及HTML的工作常识。
HTML标签（tags）通常是英文词汇的全称（如块引用:blockquote）或缩略语（如“p”代表Paragraph），但它们的与一般文本有区别，因为它们放在单书名号里。故Paragragh标签是,块引用标签是<blockquote>。有些标签说明页面如何被格式化（例如，开始一个新段落），其他则说明这些词如何显示(<b>;使文字变粗)还有一些其他标签提供在页面上不显示的信息——例如标题。
关于标签，需要记住的是，它们是成双出现的。每当使用一个标签——如<blockquote>,则必须以另一个标签</blockquote>将它关闭。注意“blockquote”前的斜杠，那就是关闭标签与打开标签的区别。 但是也有一些标签例外。比如，<input>标签就不需要。
基本HTML页面以<html>标签开始，以</html>结束。在它们之间，整个页面有两部分——标题和正文。
标题词——夹在<head>和</head>标签之间。这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在<body>和</body>之间，即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。
那么让我们建立一个简单的范例吧，非常容易的。第一步，当然是要建立一个新的文本文件（记住，如果你在使用比较复杂的文字处理器，就应该用“纯文本”或“普通文本”来保存），将它命名为“xxxx.html”。(随便你起一个什么名字,但记住,要用英文)
XHTML又是什么？
简单点说，XHTML就是严谨而准确的HTML。对于现在才刚刚开始学习网页设计的朋友，直接学习XHTML是最佳的选择。
复杂点说，XHTML是HTML的“升级规范”产品，其中"X"代表可扩展的，是单词"extensible"的缩写。事实上它也属于HTML家族，对比以前各个版本的HTML，它具有更严格的书写标准、更好的跨平台能力。由于某些需要，XHTML将以前版本的HTML能够实现的一些功能交给了CSS，这意味着你将需要学习两种技术。但是这确实是Web未来发展的潮流。X代表“可以扩展的”。
HTML标准的版本历史
超文本置标语言(第一版)——在1993年6月发为互联网工程工作小组 (IETF)工作草案发布（并非标准）.
HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1996年1月14日，W3C推荐标准
HTML 4.0——1997年12月18日，W3C推荐标准
HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
ISO/IEC 15445:2000（“ISO HTML”）——2000年5月15日发布，基于严格的HTML 4.01语法，是国际标准化组织和国际电工委员会的标准
XHTML 1.0——发布于2000年1月26日，是W3C推荐标准，后来经过修订于2002年8月1日重新发布。
XHTML 1.1, 于2001年5月31日发布
(XHTML 2.0, W3C工作草案)
HTML没有1.0版本是因为当时有很多不同的版本。有些人认为蒂姆·伯纳斯-李的版本应该算初版，这个版本没有IMG元素。当时被称为HTML+的后续版的开发工作于1993年开始，最初是被设计成为“HTML的一个超集”。第一个正式规范在为了和当时的各种HTML标准区分开来，使用了2.0作为其版本号。HTML+的发展继续下去，但是它从未成为标准。
HTML3.0规范是由当时刚成立的W3C于1995年3月提出，提供了很多新的特性，例如表格、文字绕排和复杂数学元素的显示。虽然它是被设计用来兼容2.0版本的，但是实现这个标准的工作在当时过于复杂，在草案于1995年9月过期时，标准开发也因为缺乏浏览器支持而中止了。3.1版从未被正式提出，而下一个被提出的版本是开发代号为Wilbur的HTML 3.2，去掉了大部分3.0中的新特性，但是加入了很多特定浏览器，例如Netscape和Mosaic的元素和属性。HTML对数学公式的支持最后成为另外一个标准MathML。
HTML 4.0同样也加入了很多特定浏览器的元素和属性，但是同时也开始“清理”这个标准，把一些元素和属性标记为过时的，建议不再使用它们。HTML的未来和CSS结合会更好。
HTML规范
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>yourtitle</title>
</head>
<body>
HTML内容。。。。
</body>
</html>
如要在HTML里加入javascript，可以在<head>和</head>标签之间加入：
<script type="text/javascript">
<!--comments-->
</script>
贴士：
被<和>涵盖住的东西叫做html tag（标签）。
很多时候tag里头会含有一些加以形容tag的东西，叫做attribute,或是event handler（事件处理程序）来执行一些网页界面上的任务。
比如：
<body bgcolor="Blue" onload="helloMsg()">
...
</body>
在以上例子中，body就是tag，bgcolor是设定网页背景颜色的attribute，onload是当该网页load完时所执行的function，比如JavaScript。
大部分的tag都是成对的。一个是开的tag，一个是关的tag。closing tag必须在tag的名字前加入/的符号。比如：<body>和</body>
也有一些tag是没有closing tag的，比如：<img src="abc.jpg"/>
tag的attribute最好是可以用""来涵盖着。
什么是HTML？
HTML是用来制作网页的标记语言.
HTML是Hypertext Markup Language的英文缩写,即超文本标记语言.
HTML语言是一种标记语言,不需要编译,直接由浏览器执行.
HTML文件是一个文本文件,包含了一些HTML元素,标签等.HTML文件必须使用html或htm为文件名后缀.
HTML是大小写不敏感的,HTML与html是一样的.
HTML是由W3C的维护的.
设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
制作HTML需要什么？
也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面；你所需要的只是一个文字处理器（如Mcrosoft Word/记事本/写字板等等）以及HTML的工作常识。
HTML标签（tags）通常是英文词汇的全称（如块引用:blockquote）或缩略语（如“p”代表Paragraph），但它们的与一般文本有区别，因为它们放在单书名号里。故Paragragh标签是,块引用标签是<blockquote>。有些标签说明页面如何被格式化（例如，开始一个新段落），其他则说明这些词如何显示(<b>;使文字变粗)还有一些其他标签提供在页面上不显示的信息——例如标题。
关于标签，需要记住的是，它们是成双出现的。每当使用一个标签——如<blockquote>,则必须以另一个标签</blockquote>将它关闭。注意“blockquote”前的斜杠，那就是关闭标签与打开标签的区别。 但是也有一些标签例外。比如，<input>标签就不需要。
基本HTML页面以<html>标签开始，以</html>结束。在它们之间，整个页面有两部分——标题和正文。
标题词——夹在<head>和</head>标签之间。这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在<body>和</body>之间，即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。
那么让我们建立一个简单的范例吧，非常容易的。第一步，当然是要建立一个新的文本文件（记住，如果你在使用比较复杂的文字处理器，就应该用“纯文本”或“普通文本”来保存），将它命名为“xxxx.html”。(随便你起一个什么名字,但记住,要用英文)
XHTML又是什么？
简单点说，XHTML就是严谨而准确的HTML。对于现在才刚刚开始学习网页设计的朋友，直接学习XHTML是最佳的选择。
复杂点说，XHTML是HTML的“升级规范”产品，其中"X"代表可扩展的，是单词"extensible"的缩写。事实上它也属于HTML家族，对比以前各个版本的HTML，它具有更严格的书写标准、更好的跨平台能力。由于某些需要，XHTML将以前版本的HTML能够实现的一些功能交给了CSS，这意味着你将需要学习两种技术。但是这确实是Web未来发展的潮流。X代表“可以扩展的”。
HTML标准的版本历史
超文本置标语言(第一版)——在1993年6月发为互联网工程工作小组 (IETF)工作草案发布（并非标准）.
HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1996年1月14日，W3C推荐标准
HTML 4.0——1997年12月18日，W3C推荐标准
HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
ISO/IEC 15445:2000（“ISO HTML”）——2000年5月15日发布，基于严格的HTML 4.01语法，是国际标准化组织和国际电工委员会的标准
XHTML 1.0——发布于2000年1月26日，是W3C推荐标准，后来经过修订于2002年8月1日重新发布。
XHTML 1.1, 于2001年5月31日发布
(XHTML 2.0, W3C工作草案)
HTML没有1.0版本是因为当时有很多不同的版本。有些人认为蒂姆·伯纳斯-李的版本应该算初版，这个版本没有IMG元素。当时被称为HTML+的后续版的开发工作于1993年开始，最初是被设计成为“HTML的一个超集”。第一个正式规范在为了和当时的各种HTML标准区分开来，使用了2.0作为其版本号。HTML+的发展继续下去，但是它从未成为标准。
HTML3.0规范是由当时刚成立的W3C于1995年3月提出，提供了很多新的特性，例如表格、文字绕排和复杂数学元素的显示。虽然它是被设计用来兼容2.0版本的，但是实现这个标准的工作在当时过于复杂，在草案于1995年9月过期时，标准开发也因为缺乏浏览器支持而中止了。3.1版从未被正式提出，而下一个被提出的版本是开发代号为Wilbur的HTML 3.2，去掉了大部分3.0中的新特性，但是加入了很多特定浏览器，例如Netscape和Mosaic的元素和属性。HTML对数学公式的支持最后成为另外一个标准MathML。
HTML 4.0同样也加入了很多特定浏览器的元素和属性，但是同时也开始“清理”这个标准，把一些元素和属性标记为过时的，建议不再使用它们。HTML的未来和CSS结合会更好。
HTML规范
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>yourtitle</title>
</head>
<body>
HTML内容。。。。
</body>
</html>
如要在HTML里加入javascript，可以在<head>和</head>标签之间加入：
<script type="text/javascript">
<!--comments-->
</script>
贴士：
被<和>涵盖住的东西叫做html tag（标签）。
很多时候tag里头会含有一些加以形容tag的东西，叫做attribute,或是event handler（事件处理程序）来执行一些网页界面上的任务。
比如：
<body bgcolor="Blue" onload="helloMsg()">
...
</body>
在以上例子中，body就是tag，bgcolor是设定网页背景颜色的attribute，onload是当该网页load完时所执行的function，比如JavaScript。
大部分的tag都是成对的。一个是开的tag，一个是关的tag。closing tag必须在tag的名字前加入/的符号。比如：<body>和</body>
也有一些tag是没有closing tag的，比如：<img src="abc.jpg"/>
tag的attribute最好是可以用""来涵盖着。
什么是电脑编程？
编辑程序让电脑执行的过程就叫做电脑编程 。
那么程序到底又是什么？
计算机程序是指令集，它告诉计算机如何执行特殊的任务。
计算机需要指令来执行每一个任务。甚至对最简单的任务也需要指令，例如如何取得击键，怎样在屏幕上放一个字母，怎样在磁盘中保存讯息。
幸运的是，许多这样的指令包含在处理器芯片中或内置于操作系统中，因此用户不必担心它们。
那么程序语言又是什么？
计算机语言的种类非常的多，总的来说可以分成机器语言（Machine Language/Low-Level Language），汇编语言（Assembly Language）高级语言（High-Level Language）三大类。
虽然我们用自然语言读这些指令，但计算机指令必须是二进制代码（binary code），即一系列在计算机内存和处理器中的开（on）或关（off）的状态。有些语言，如汇编程序，可以允许直接写这种类型的代码。
但是，以这种方法编程十分困难，所以我们需要高级语言的辅助来编写指令。
以下将个别介绍三大类的计算机语言。
机器语言就是由0和1构成的代码。但通常人们编程时，不采用机器语言，因为它非常难于记忆和识别。
汇编语言的实质和机器语言是相同的，都是直接对硬件操作，只不过指令采用了英文缩写的标识符，更容易识别和记忆。
它同样需要编程者将每一步具体的操作用命令的形式写出来。
汇编程序的每一句指令只能对应实际操作过程中的一个很细微的动作，例如移动、自增，因此汇编源程序一般比较冗长、复杂、容易出错，而且使用汇编语言编程需要有更多的计算机专业知识，但汇编语言的优点也是显而易见的，用汇编语言所能完成的操作不是一般高级语言所能实现的，而且源程序经汇编生成的可执行文件不仅比较小，而且执行速度很快。
高级语言是目前绝大多数编程者的选择。和汇编语言相比，它不但将许多相关的机器指令合成为单条指令，并且去掉了与具体操作有关但与完成工作无关的细节，例如使用堆栈、寄存器等，这样就大大简化了程序中的指令。
同时，由于省略了很多细节，编程者也就不需要有太多的专业知识。
高级语言主要是相对于汇编语言而言，它并不是特指某一种具体的语言，而是包括了很多编程语言，如目前流行的Visual Basic、C++、FoxPro、Delphi等，这些语言的语法、命令格式都各不相同。
高级语言所编制的程序不能直接被计算机识别，必须经过转换才能被执行，按转换方式可将它们分为两类:
解释类：执行方式类似于我们日常生活中的“同声翻译”，应用程序源代码一边由相应语言的解释器“翻译”成目标代码(机器语言)，一边执行，因此效率比较低，而且不能生成可独立执行的可执行文件，应用程序不能脱离其解释器，但这种方式比较灵活，可以动态地调整、修改应用程序。
编译类：编译是指在应用源程序执行之前，就将程序源代码“翻译”成目标代码(机器语言)，因此其目标程序可以脱离其语言环境独立执行，使用比较方便、效率较高。但应用程序一旦需要修改，必须先修改源代码，再重新编译生成新的目标文件(＊ .OBJ)才能执行，只有目标文件而没有源代码，修改很不方便。现在大多数的编程语言都是编译型的。
那么程序到底又是什么？
计算机程序是指令集，它告诉计算机如何执行特殊的任务。
计算机需要指令来执行每一个任务。甚至对最简单的任务也需要指令，例如如何取得击键，怎样在屏幕上放一个字母，怎样在磁盘中保存讯息。
幸运的是，许多这样的指令包含在处理器芯片中或内置于操作系统中，因此用户不必担心它们。
那么程序语言又是什么？
计算机语言的种类非常的多，总的来说可以分成机器语言（Machine Language/Low-Level Language），汇编语言（Assembly Language）高级语言（High-Level Language）三大类。
虽然我们用自然语言读这些指令，但计算机指令必须是二进制代码（binary code），即一系列在计算机内存和处理器中的开（on）或关（off）的状态。有些语言，如汇编程序，可以允许直接写这种类型的代码。
但是，以这种方法编程十分困难，所以我们需要高级语言的辅助来编写指令。
以下将个别介绍三大类的计算机语言。
机器语言就是由0和1构成的代码。但通常人们编程时，不采用机器语言，因为它非常难于记忆和识别。
汇编语言的实质和机器语言是相同的，都是直接对硬件操作，只不过指令采用了英文缩写的标识符，更容易识别和记忆。
它同样需要编程者将每一步具体的操作用命令的形式写出来。
汇编程序的每一句指令只能对应实际操作过程中的一个很细微的动作，例如移动、自增，因此汇编源程序一般比较冗长、复杂、容易出错，而且使用汇编语言编程需要有更多的计算机专业知识，但汇编语言的优点也是显而易见的，用汇编语言所能完成的操作不是一般高级语言所能实现的，而且源程序经汇编生成的可执行文件不仅比较小，而且执行速度很快。
高级语言是目前绝大多数编程者的选择。和汇编语言相比，它不但将许多相关的机器指令合成为单条指令，并且去掉了与具体操作有关但与完成工作无关的细节，例如使用堆栈、寄存器等，这样就大大简化了程序中的指令。
同时，由于省略了很多细节，编程者也就不需要有太多的专业知识。
高级语言主要是相对于汇编语言而言，它并不是特指某一种具体的语言，而是包括了很多编程语言，如目前流行的Visual Basic、C++、FoxPro、Delphi等，这些语言的语法、命令格式都各不相同。
高级语言所编制的程序不能直接被计算机识别，必须经过转换才能被执行，按转换方式可将它们分为两类:
解释类：执行方式类似于我们日常生活中的“同声翻译”，应用程序源代码一边由相应语言的解释器“翻译”成目标代码(机器语言)，一边执行，因此效率比较低，而且不能生成可独立执行的可执行文件，应用程序不能脱离其解释器，但这种方式比较灵活，可以动态地调整、修改应用程序。
编译类：编译是指在应用源程序执行之前，就将程序源代码“翻译”成目标代码(机器语言)，因此其目标程序可以脱离其语言环境独立执行，使用比较方便、效率较高。但应用程序一旦需要修改，必须先修改源代码，再重新编译生成新的目标文件(＊ .OBJ)才能执行，只有目标文件而没有源代码，修改很不方便。现在大多数的编程语言都是编译型的。
Computer Processor's Performance Overview
Here is an overview on the computer processor's performance:
Subscribe to:
Posts (Atom)
