引用 代码入门教材(二)

文字代码   2009-07-05 09:00   阅读3   评论0  
字号:    

 

引用

南海沙滩代码入门教材(二)

 

代码入门教材(二)

一、链接代码

超级链接是上网很重要的一个概念。通过它,可以从一个网页链接到另一个网站或网页。在博客的日志中设置有超链接按钮。

为文字设置超级链接的使用方法是:

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&amp;sbp=mediaplayer&amp;ar=media&amp;sba=plugin&amp; 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 >

 

&nbsp;

 

2自动播放

<EMBED style="DISPLAY: block; LEFT: 0px; WIDTH: 300px; TOP: 0px; HEIGHT: 69px" pluginspage=http://www.microsoft.com/isapi/redir.dll?prd=windows&amp;sbp=mediaplayer&amp;ar=media&amp;sba=plugin&amp; 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>&nbsp;

 

3循环播放

<EMBED style="DISPLAY: block; LEFT: 0px; WIDTH: 300px; TOP: 0px; HEIGHT: 69px" pluginspage=http://www.microsoft.com/isapi/redir.dll?prd=windows&amp;sbp=mediaplayer&amp;ar=media&amp;sba=plugin&amp; 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>&nbsp;

 

4自动、循环播放;尺寸为1×1

<EMBED style="DISPLAY: block" pluginspage=http://www.microsoft.com/isapi/redir.dll?prd=windows&amp;sbp=mediaplayer&amp;ar=media&amp;sba=plugin&amp; 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>&nbsp;

 

5自动循环无播放器

<EMBED src=" http://www.cq.xinhuanet.com/2008/hsjd/images/wanzg.mp3" hidden=true type=audio/mpeg autostart="true" loop="true" >

</EMBED>&nbsp;

 

 

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 behavior=alternate height=350>

 

<MARQUEE scrollAmount=3 behavior=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 behavior=alternate height=500>

 

<MARQUEE scrollAmount=3 behavior=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>

&nbsp;

</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>

&nbsp;

<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>

&nbsp;

<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>
  ●插入图片或文字,如果没有设置定位指令时,会自动在中部居左显示。要在别的位置显示,必须用一些位置设置代码。

 

 

 

 

评论(?)
阅读(?)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
网易公司版权所有 ©1997-2009