引用 代码入门教材(二)
引用
南海沙滩 的 代码入门教材(二)
代码入门教材(二)
一、链接代码
超级链接是上网很重要的一个概念。通过它,可以从一个网页链接到另一个网站或网页。在博客的日志中设置有超链接按钮。
为文字设置超级链接的使用方法是:
1选中并复制一个网页的地址。例如,人民网的网址。
2在日志的编辑界面,书写并涂兰、选中“人民网”三个字。
3单击超链接按钮。在添加/修改超链接对话框中,将刚复制的网址粘贴到文本框中,单击确定。
4单击日志的显示代码的按钮,可以看到有下面的代码
<A href="http://www.people.com.cn/" target=_blank>
人民网
</A>
同样地,在编辑日志中也可以选择一个图片,添加链接。其方法是:
1选中并复制一个网页的地址。例如,网易的网址。
2在日志的编辑界面,添加一个图片、单击选中该图片。
3单击超链接按钮。在添加/修改超链接对话框中,将刚复制的网址粘贴到文本框中,单击确定。
4单击日志的显示代码的按钮,可以看到有下面的代码
例如:
<A href="http://www.163.com/" target=_blank>
<IMG src="http://img.bimg.126.net/photo/Jk9tQVT0maRiPQV_qwNdsw==/849491479713728804.jpg">
</A>
说明:
target=_blank表示在新窗口中打开,如果没有这个代码则表示在老窗口中打开.
练习:利用它,可以在博客的首页制作一个简单的链接模块。
二、音乐代码
1基本状态
<EMBED style="DISPLAY: block; LEFT: 0px; WIDTH: 300px; TOP: 0px; HEIGHT: 69px" pluginspage=http://www.microsoft.com/isapi/redir.dll?prd=windows&sbp=mediaplayer&ar=media&sba=plugin& src=http://www.nd.edu/~dwillia6/melanie/song_2.mp3 width=300 height=69 type=application/x-mplayer2 neBlog-neBlog-allowScriptAccess="never" neBlog-neBlog-allowNetworking="internal" loop="0" autostart="0" enablecontextmenu="1" showstatusbar="1" showaudiocontrols="1" showcontrols="1" neBlog-allowNetworking="internal" neBlog-allowScriptAccess="never">
</EMBED >
2自动播放
<EMBED style="DISPLAY: block; LEFT: 0px; WIDTH: 300px; TOP: 0px; HEIGHT: 69px" pluginspage=http://www.microsoft.com/isapi/redir.dll?prd=windows&sbp=mediaplayer&ar=media&sba=plugin& src=http://www.nd.edu/~dwillia6/melanie/song_2.mp3 width=300 height=69 type=application/x-mplayer2 loop="0" autostart="1" enablecontextmenu="1" showstatusbar="1" showaudiocontrols="1" showcontrols="1">
</EMBED>
3循环播放
<EMBED style="DISPLAY: block; LEFT: 0px; WIDTH: 300px; TOP: 0px; HEIGHT: 69px" pluginspage=http://www.microsoft.com/isapi/redir.dll?prd=windows&sbp=mediaplayer&ar=media&sba=plugin& src=http://www.nd.edu/~dwillia6/melanie/song_2.mp3 width=300 height=69 type=application/x-mplayer2 loop="1" autostart="0" enablecontextmenu="1" showstatusbar="1" showaudiocontrols="1" showcontrols="1">
</EMBED>
4自动、循环播放;尺寸为1×1
<EMBED style="DISPLAY: block" pluginspage=http://www.microsoft.com/isapi/redir.dll?prd=windows&sbp=mediaplayer&ar=media&sba=plugin& src=http://www.nd.edu/~dwillia6/melanie/song_2.mp3 width=1 height=1 type=application/x-mplayer2 loop="1" autostart="1" enablecontextmenu="1" showstatusbar="1" showaudiocontrols="1" showcontrols="1">
</EMBED>
5自动循环无播放器
<EMBED src=" http://www.cq.xinhuanet.com/2008/hsjd/images/wanzg.mp3" hidden=true type=audio/mpeg autostart="true" loop="true" >
</EMBED>
6自动不循环无播放器
<EMBED src=" http://www.cq.xinhuanet.com/2008/hsjd/images/wanzg.mp3" hidden=true type=audio/mpeg loop="0" autostart="1">
三、动画代码
1当获得了Flash的地址后,在自定义模块中,选择添加Flash.
就会看到一个动画代码.
<embed src="http://www.richcon.net/images/Flash/xiangfengge.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="100%" autostart="0">
2其核心部分是:
<embed src="http://www.richcon.net/images/Flash/xiangfengge.swf">
或者说
<embed src="http://www.richcon.net/images/Flash/xiangfengge.swf"></embed>
3对于视频动画节目,可调整节目的宽度与高度。
<embed width=800 src="http://www.richcon.net/images/Flash/xiangfengge.swf" height=350></embed>
4确定视频节目--家是温柔港湾的高度与宽度
http://www.56.com/n_v138_/c37_/7_/20_/tzp1070306_/zhajm_122365380160_/278000_/0_/38334405.swf
<embed width=450 src="http://www.56.com/n_v138_/c37_/7_/20_/tzp1070306_/zhajm_122365380160_/278000_/0_/38334405.swf" height=350></embed>
5用边框装扮视频节目
<CENTER>
<TABLE cellspcing=2 cellpadding=2 width=450 height=350 bordercolor=#6495ED
bgColor=#F0E68C border=8>
<TR>
<TD >
<EMBED src=" http://www.56.com/n_v138_/c37_/7_/20_/tzp1070306_/zhajm_122365380160_/278000_/0_/38334405.swf " width=450 height=350 ></EMBED>
</TD></TR></TABLE>
</CENTER>
6透明Flash动画举例
动画有透明与不透明的区别.在诗情画意的作品中,使用的都是透明的Flash动画.
畅游的 金鱼1
<MARQUEE scrollAmount=3 direction=down beha
vior=alternate height=350>
<MARQUEE scrollAmount=3 beha
vior=alternate width=450>
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=
http://imgfree.21cn.com/free/flash/17.swf width="100%" type=application/x-shockwave-flash quality="high" wmode="transparent" ></EMBED>
</MARQUEE></MARQUEE>
畅游的 金鱼2
<MARQUEE scrollAmount=3 direction=down beha
vior=alternate height=500>
<MARQUEE scrollAmount=3 beha
vior=alternate width=600>
<embed src="http://imgfree.21cn.com/free/flash/17.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="100%" autostart="0">
</MARQUEE></MARQUEE>
四、表格代码
1在日志内增加一个表格 [一行一列] 表格的宽度=600像素
生成的代码是:
<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=1 cellPadding=1 width=600 border=1>
<TBODY>
<TR>
<TD>
</TD>
</TR>
</TBODY>
</TABLE>
2表格的特点是在表格内可以写字,文字可以具有一定的属性。
<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=1 cellPadding=1 width=600 border=1>
<TBODY>
<TR>
<TD>
<FONT face=隶书 color=#ff0000 style=font:50pt >
百灵鸟从蓝天飞过<BR>
我爱你,中国!<BR>
我爱你中国,<BR>
我爱你春天蓬勃的秧苗,<BR>
我爱你秋日金黄的硕果,<BR>
我爱你青松气质,<BR>
我爱你红梅品格,<BR>
我爱你家乡的甜蔗,<BR>
好像乳汁滋润着我的心窝。<BR>
我爱你中国,<BR>
我要把最美的歌儿献给你,<BR>
我的母亲,我的祖国!<BR>
我爱你中国,<BR>
我爱你碧波滚滚的南海,我爱你白雪飘飘的北国。<BR>
我爱你森林无边,<BR>
我爱你群山坞,<BR>
我爱你淙淙的小河,<BR>
荡着清波从我的梦中流过。<BR>
我爱你中国,<BR>
我要把美好的青春献给你,<BR>
我的母亲,<BR>
我的祖国!
</FONT>
</TD>
</TR>
</TBODY>
</TABLE>
3表格内增加颜色背景并有移动特征的文字
<CENTER>
<TABLE cellspcing=2 cellpadding=2 width=400 height=50 bordercolor= #7F5009 bgColor= #48EB68 border=8><TR>
<TD >
<marquee width="98%" scrollamount="5">
<FONT face=隶书 color=#ff0000 style=font:50pt >
南海沙滩欢迎您 南海沙滩欢迎您 南海沙滩欢迎您 南海沙滩欢迎您
</FONT>
</marquee>
</TD></TR></TABLE>
</CENTER>
4表格内增加图片背景并有移动特征的文字
<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=1 cellPadding=1 width=350 border=1
background=http://img.blog.163.com/photo/HNHDuJYEoMmImMt8VCREtg==/5431341150608985884.jpg>
<TBODY>
<TR>
<TD>
<marquee width="98%" scrollamount="6" direction=up>
<FONT face=隶书 color=#ff0000 style=font:25pt >
百灵鸟从蓝天飞过!<BR>
我爱你,中国!<BR>
我爱你中国,<BR>
我爱你春天蓬勃的秧苗,<BR>
我爱你秋日金黄的硕果,<BR>
我爱你青松气质,<BR>
我爱你红梅品格,<BR>
我爱你家乡的甜蔗,<BR>
好像乳汁滋润着我的心窝。<BR>
我爱你中国,<BR>
我要把最美的歌儿献给你,<BR>
我的母亲,我的祖国!<BR>
我爱你中国,<BR>
我爱你碧波滚滚的南海,<BR>
我爱你白雪飘飘的北国。<BR>
我爱你森林无边,<BR>
我爱你群山坞,<BR>
我爱你淙淙的小河,<BR>
荡着清波从我的梦中流过。<BR>
我爱你中国,<BR>
我要把美好的青春献给你,<BR>
我的母亲,<BR>
我的祖国!
</FONT>
</marquee>
</TD>
</TR>
</TBODY>
</TABLE>
【表格参数说明】
● <TABLE --标签名你:表格),标签属性内容:
cellspcing=0 单元格间距。
cellpadding=12 单元格衬距。插入的图片或文字与边线的距离。
width=500--表格宽度.
height=300 --表格高度.
bordercolor=olive --表格边框的颜色.
bgColor=#000000 --表格背景颜色.
border=8--表格边框宽度。
●<TR>--表格的第一行。
●<TD>--表格的第一列。
●</TD></TR></TABLE>--这一组表格的尾标签.
●注意学习代码中行和列的语句。即:
行:<TR>--</TR>
列:<TD>--</TD>
●插入图片或文字,如果没有设置定位指令时,会自动在中部居左显示。要在别的位置显示,必须用一些位置设置代码。