电脑疯子技术论坛|电脑极客社区

微信扫一扫 分享朋友圈

已有 1030 人浏览分享

网页制作常用代码

[复制链接]
1030 0
<P class="g_w_100 g_t_wrap g_t_center g_t_bold g_t_24 g_c_pdin c07" id=blogtitle_fks_085064081094082067084082087095087095085068081085094066>网页制作常用代码</P>
<DIV class=g_blog_list>
<DIV class="g_t_center g_c_pdin g_p_center c07 content" id=blogtext_fks_085064081094082067084082087095087095085068081085094066 style="WIDTH: 760px">
<P style="TEXT-INDENT: 2em">&nbsp;</P>
<P style="TEXT-INDENT: 2em">
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD>&nbsp; </TD>
<TD vAlign=top align=right width=225></TD></TR></TBODY></TABLE></P>
<P style="TEXT-INDENT: 2em">网页制作常用代码</P>
<P style="TEXT-INDENT: 2em">一:颜色代码</P>
<P style="TEXT-INDENT: 2em">如果你想使用某种颜色,取得它的颜色值即可。比如,您想改变某些文字的颜色,您可以使用下面的代码:&lt;font color=#ffc060 size=2&gt;改变#符号后的代码即可改变颜色&lt;/font&gt;</P>
<P style="TEXT-INDENT: 2em">000000 000020 000040 000060 000080 0000a0 0000c0 0000ff </P>
<P style="TEXT-INDENT: 2em">008000 008020 008040 008060 008080 0080a0 0080c0 0080ff </P>
<P style="TEXT-INDENT: 2em">00ff00 00ff20 00ff40 00ff60 00ff80 00ffa0 00ffc0 00ffff </P>
<P style="TEXT-INDENT: 2em">c00000 c00020 c00040 c00060 c00080 c000a0 c000c0 c000ff </P>
<P style="TEXT-INDENT: 2em">ff0000 </P>
<P style="TEXT-INDENT: 2em">ff0020 </P>
<P style="TEXT-INDENT: 2em">ff0040 </P>
<P style="TEXT-INDENT: 2em">ff0060 </P>
<P style="TEXT-INDENT: 2em">ff0080 </P>
<P style="TEXT-INDENT: 2em">ff00a0 </P>
<P style="TEXT-INDENT: 2em">ff00c0 </P>
<P style="TEXT-INDENT: 2em">ff00ff </P>
<P style="TEXT-INDENT: 2em">二:文字加粗 倾斜的代码</P>
<P style="TEXT-INDENT: 2em">◆文字加粗的代码是: &lt;b&gt;你好&lt;/b&gt; ◆文字倾斜的代码是: &lt;i&gt;你好!&lt;/i&gt; ◆底线字:&lt;u&gt;&lt;/u&gt;</P>
<P style="TEXT-INDENT: 2em">三:文字链接代码</P>
<P style="TEXT-INDENT: 2em">如果您想点击某处文字会连接到另外一个网页的效果,这是超链接,代码是这样:</P>
<P style="TEXT-INDENT: 2em">&lt;a href="网站地址";&gt;共享空间&lt;/a&gt;如果要点了这个文字以后重新打开一个窗口的话,代码是:&lt;a href="网站地址";; target="_blank"&gt;共享空间&lt;/a&gt;</P>
<P style="TEXT-INDENT: 2em">四:在网站上放图片的代码</P>
<P style="TEXT-INDENT: 2em">如果你看到一个好看的图片想放到网站上,代码是这样的:</P>
<P style="TEXT-INDENT: 2em">&lt;img src="http://www.163.com/wwwimages/n/163logo.gif"; width="150" height="100"&gt;</P>
<P style="TEXT-INDENT: 2em">后面的数字调节图片的尺寸大小。</P>
<P style="TEXT-INDENT: 2em">五:图片链接代码</P>
<P style="TEXT-INDENT: 2em">如果要点一下图片就能打开一个网站的链接代码是这样的: </P>
<P style="TEXT-INDENT: 2em">&lt;a href="http://www.163.com";&gt;&lt;img src="http://www.163.com/wwwimages/n/163logo.gif"; width="150" height="100"&gt;&lt;/a&gt;</P>
<P style="TEXT-INDENT: 2em">如果要点一下图片就能打开一个网站的链接,并且重新打开一个窗口。代码是这样的: </P>
<P style="TEXT-INDENT: 2em">&lt;a href="http://www.163.com";; target="_blank"&gt;&lt;img src="http://www.163.com/wwwimages/n/163logo.gif"; width="150" height="100"&gt;&lt;/a&gt;上面的数字都能调节图片尺寸大小。</P>
<P style="TEXT-INDENT: 2em">六:换行代码</P>
<P style="TEXT-INDENT: 2em">如果你想换行,直接用Enter键是不行的,需要在您想换行的位置输入&lt;br&gt;</P>
<P style="TEXT-INDENT: 2em">,这样就会分成两行显示 ,整个网站看起来也不会是一大片了,而是段落分明。</P>
<P style="TEXT-INDENT: 2em">七:文字移动的代码是</P>
<P style="TEXT-INDENT: 2em">&lt;marquee&gt;这里写文字&lt;/marquee&gt; </P>
<P style="TEXT-INDENT: 2em">八:移动图片的代码</P>
<P style="TEXT-INDENT: 2em">&lt;marquee&gt;&lt;img src="http://games.tom.com/images/2002/gamemm/0604/s/36.jpg";&gt;&lt;img src="http://games.tom.com/images/2002/gamemm/0604/s/13.jpg";&gt;&lt;img src="http://games.tom.com/images/2002/gamemm/0604/s/30.jpg";&gt;&lt;marquee&gt;</P>
<P style="TEXT-INDENT: 2em">把里面的图片地址换成你的就行 想多放一个图片就按照格式在中间插入:</P>
<P style="TEXT-INDENT: 2em">&lt;img src="http://games.tom.com/images/2002/gamemm/0604/s/13.jpg";&gt;</P>
<P style="TEXT-INDENT: 2em">里面的图片地址自己定。 </P>
<P style="TEXT-INDENT: 2em"></P>
<P style="TEXT-INDENT: 2em">九:背景音乐的代码</P>
<P style="TEXT-INDENT: 2em">如果想在你的网站上放上一段好听的背景音乐,代码是: &lt;bgsound src="http://xxxxx.com/xxx.mid";loop=10&gt; </P>
<P style="TEXT-INDENT: 2em">&lt;bgsound src="http://www.midifan.com/midi/music.ASP?id=3073";loop=30&gt; 里面的背景音乐地址你能自己替换。</P>
<P style="TEXT-INDENT: 2em">前面的是音乐地址,一般都以mid或者mp3的形式结尾 后面的数字是播放次数。</P>
<P style="TEXT-INDENT: 2em"><A href="http://www.midifan.com/midi/"><FONT color=#fef7f0>http://www.midifan.com/midi/</FONT></A></P>
<P style="TEXT-INDENT: 2em">这个网站都有好的背景音乐</P>
<P style="TEXT-INDENT: 2em">十:在网站中插入一个flash动画的代码是</P>
<P style="TEXT-INDENT: 2em">&lt;embed width=200 height=200</P>
<P style="TEXT-INDENT: 2em">src="http://flash.shangdu.com/view/2/fff.swf";&gt; 里面的动画地址换成你的.动画地址都要以swf的形式结尾。这点需要注意。</P>
<P style="TEXT-INDENT: 2em">十一:打开网站时候出现的欢迎词代码</P>
<P style="TEXT-INDENT: 2em">&lt;body onLoad= alert("你好,欢迎访问本网站!")&gt; </P>
<P style="TEXT-INDENT: 2em">十二:关闭网站的时候出现的话</P>
<P style="TEXT-INDENT: 2em">&lt;body onUnload="window.alert('谢谢您的光临,诚邀加盟.请记住本站域名:<A href="http://www.yz126.com/"><FONT color=#fef7f0>http://www.yz126.com/</FONT></A> 站长信箱:****@yahoo.com.cn 欢迎咨询')"&gt;</P>
<P style="TEXT-INDENT: 2em">十三:打开网站的时候自己做一个弹出窗口的广告</P>
<P style="TEXT-INDENT: 2em">&lt;script language="javascript"&gt; </P>
<P style="TEXT-INDENT: 2em">var TimerID=1;</P>
<P style="TEXT-INDENT: 2em">window.open('http://163.com','','width=600,height=300,left=100,top=50');</P>
<P style="TEXT-INDENT: 2em">&lt;/script&gt;</P>
<P style="TEXT-INDENT: 2em">里面的 <A href="http://163.com/"><FONT color=#fef7f0>http://163.com</FONT></A> 这个是你预先做好的一个网页,后面的数字是调节大小和位置的,你自己多试验几次。</P>
<P style="TEXT-INDENT: 2em">十四:鼠标感应字体变红色的代码如下:插在&lt;body&gt;&lt;/body&gt;之间</P>
<P style="TEXT-INDENT: 2em">&lt;STYLE type=text/css&gt;TD {</P>
<P style="TEXT-INDENT: 2em">FONT-SIZE: 12px</P>
<P style="TEXT-INDENT: 2em">}</P>
<P style="TEXT-INDENT: 2em">BODY {</P>
<P style="TEXT-INDENT: 2em">FONT-SIZE: 12px</P>
<P style="TEXT-INDENT: 2em">}</P>
<P style="TEXT-INDENT: 2em">INPUT {</P>
<P style="TEXT-INDENT: 2em">FONT-SIZE: 12px</P>
<P style="TEXT-INDENT: 2em">}</P>
<P style="TEXT-INDENT: 2em">A:link {</P>
<P style="TEXT-INDENT: 2em">COLOR: #000000; TEXT-DECORATION: none</P>
<P style="TEXT-INDENT: 2em">}</P>
<P style="TEXT-INDENT: 2em">A:visited {</P>
<P style="TEXT-INDENT: 2em">COLOR: #000000; TEXT-DECORATION: none</P>
<P style="TEXT-INDENT: 2em">}</P>
<P style="TEXT-INDENT: 2em">A:active {</P>
<P style="TEXT-INDENT: 2em">COLOR: blue; TEXT-DECORATION: none</P>
<P style="TEXT-INDENT: 2em">}</P>
<P style="TEXT-INDENT: 2em">A:hover {</P>
<P style="TEXT-INDENT: 2em">COLOR: red; TEXT-DECORATION: underline</P>
<P style="TEXT-INDENT: 2em">} .so {</P>
<P style="TEXT-INDENT: 2em">BORDER-RIGHT: 1px ridge; BORDER-TOP: #ffffff 1px ridge; FONT-SIZE: 12px; BORDER-LEFT: #ffffff 1px ridge; BORDER-BOTTOM: 1px ridge; BACKGROUND-COLOR: #cccccc</P>
<P style="TEXT-INDENT: 2em">}</P>
<P style="TEXT-INDENT: 2em">&lt;/STYLE&gt;</P>
<P style="TEXT-INDENT: 2em">十五:禁止他人复制你网页的代码:</P>
<P style="TEXT-INDENT: 2em">&lt;body bgcolor="#ffffff"oncontextmenu="return false"onselectstart="return false"&gt;</P>
<P style="TEXT-INDENT: 2em">十六:把其它网页放入自已网页中的代码:</P>
<P style="TEXT-INDENT: 2em">&lt;IFRAME name=smjh align=center src="../../这里换成你要放入网站的网址" frameBorder=0 width=760 scrolling=no height=300&gt;&lt;/IFRAME&gt; </P>
<P style="TEXT-INDENT: 2em"></P></DIV>
<DIV class=g_p_center style="WIDTH: 760px">
<DIV class="g_channel_cmd g_t_hide" id=postsense style="MARGIN-LEFT: 25px"></DIV></DIV>
<DIV class=g_p_center style="WIDTH: 760px"></DIV></DIV>

您需要登录后才可以回帖 登录 | 注册

本版积分规则

0

关注

0

粉丝

52

主题
精彩推荐
热门资讯
网友晒图
图文推荐

Powered by Pcgho! X3.4

© 2008-2022 Pcgho Inc.