分享

启步学代码。

 寻心使者收藏室 2012-02-10
欢迎您!启步学代码。
(9)

(游子编辑 供初学HTML代码的朋友参考)

HTML代码编辑参考资料

  要学习代码贴图,你参预的论坛必须是允许使用[HTML]代码的。有的论坛虽然不允许使用代码,但在诸如音画时尚,贴图专栏或新手学堂等栏目开通。有的论坛注明允许使用代码,但必须有条件去申请才批淮启用。还需注意粘贴代码前应先选择[HTML],同时把旁边的自动修正的钩去掉。现在已有不少论坛,可以直接发代码贴了。

  为了更好的学习编辑代码,应在自已电脑的硬盘中建一个学代码的文件夹,内放若干记事本,作编辑和保存代码用。初学者要在键盘上直接输入代码语句有些困难,可以把下面这些常用代码复制在记事本上,方便需要时取用。
  要看看编好了的代码是否成功,可以在网页制作软件或论坛发贴区预览,也可用本贴下面的浏览器试看。



原创编辑者:游子。





常用汉字代码:

宋体 黑体 楷体_GB2312 仿宋_GB2312 新宋体 幼圆 隶书
方正舒体 华文新魏 华文行楷 华文细黑 华文彩云 方正姚体

颜色的代码:

黑色=000000 白色=ffffff 红色=ff0000 绿色=00ff00 
蓝色=0000ff 黄色=fff000 青色=00ffff 紫色=ff00ff

居中代码:

<CENTER> 内容</CENTER>
<P align=LEFT>左对齐</P>
<P align=center>居中</P>
<P align=RIGHT>右对齐</P>

文字设置代码:

<CENTER> <font style=font:20pt face=隶书 color=fff000>
输入内容</font></CENTER>

贴图代码:

<img src="图片地址">
<P align=center><img src="图片地址"></P>
<P align=center><img src="图片地址"width=宽度 height=高度></P>

原创编辑者:游子。





用颜色作背景的空白图框代码:

<CENTER>
<TABLE borderColor=#0000ff cellSpacing=10 cellpadding=20 bgcolor=fff000 width=400 height=300 border=10>
<TBODY>
<TR>
<TD>
<br>
<br>
</CENTER></TD></TR></TBODY></TABLE>

原创编辑者:游子。




用图片作背景的空白图框代码:

<CENTER>
<TABLE borderColor=#0000ff cellSpacing=10 cellpadding=20 cellpadding=20 background=图片地址 width=400 height=300 border=10>
<TBODY>
<TR>
<TD>
<br>
<br>
</CENTER></TD></TR></TBODY></TABLE>
 




原创编辑者:游子。




立体图框代码:

<CENTER>
<TABLE style="BORDER-LEFT-COLOR: #fbd44c; BORDER-BOTTOM-COLOR: #fbd44c; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #fbd44c; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #fbd44c; BORDER-BOTTOM-STYLE: ridge" height=380 cellSpacing=5 cellPadding=5 width=470 border=14>
<TBODY>
<TR>
<TD>
<br><br>
</TR></TBODY></TABLE>

 



原创编辑者:游子。




图片可调大小的一组代码.

<P align=center><INPUT src="图片地址"type=image width=宽度></P>

原创编辑者:游子。





羽化图片代码:

<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=500 width=450 src="图片地址">




贴Flash 图片代码:

<EMBED src=http://yy./swfpath/200462722381564615.swf width=128 height=0 hidden=true type=application/x-shockwave-flash>





原创编辑者:游子。




在一张图片上加叠Flash 代码:

<TABLE cellSpacing=3 cellPadding=3 width=460 bordercolor=660000 background=http://img./UploadFile/2005/6/7/5141107.jpg border=18>
<TBODY>
<TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/59.swf width=460 height=370 type=application/octet-stream wmode="transparent" quality="high" ;;></TD></TR></TBODY></TABLE>
 



原创编辑者:游子。






全屏代码:

<br><br><br><br>
<DIV id=table1 style="LEFT: -220px; WIDTH: 800px; POSITION: relative; TOP: 40px">
贴子
</DIV><br><br><br><br>
 



 
原创编辑者:游子。




播放器代码:

<CENTER>
<embed src="http://bbs./bbs/upfile/music/601.mp3" type="audio/x-pn-realaudio-plugin" controls="controlpanel,statusbar" height=50 width=400 autostart="true" loop="true">
</CENTER>

(高度height=和宽度width=设为0时,隐藏播放器。)



原创编辑者:游子。





移动设置代码:

我从右向左走代码:
<br>
<marquee direction=left scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>我从右向左走!</marquee>


我从左向右移代码:
<marquee direction=right scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>我从左向右移!</marquee>

原创编辑者:游子。




我来回走耶代码:
<br>
<marquee behavior=alternate scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>我来回走耶!</marquee>


我从下向上滚代码:
<br>
<marquee direction=up scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>我从下向上滚!</marquee>


原创编辑者:游子。




我从上向下滚代码:
<br>
<marquee direction=down scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>我从上向下滚!</marquee>




原创编辑者:游子。




  三合一花边图框贴图代码模式:



<TABLE cellSpacing=0 cellPadding=0 width=宽度 height=高度 align=center background=第一张图框的图片地址>
<TR>
<TD>
</TD></TR></TABLE>


原创编辑者:游子。


<TABLE cellSpacing=0 cellPadding=0 width=宽度 height=高度 align=center background=第二张图框的图片地址 >
<TR>
<TD>
这里是第二张图框的单元格,可以开始插入内容。
</TD></TR></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=宽度 height=高度 align=center background=第三张图框的图片地址>
<TR>
<TD>
</TD></TR></TABLE> <br>

 【说明】
 ◇黄色字体是第一张图框的代码。
 ◇白色字体是第二张图框的代码,
 ◇绿色字体是第三张图框的代码。



原创编辑者:游子。






相片加相框的“绝对定位加叠法”的代码模式:






原创编辑者:游子。





编辑:游子
(待续)

(为了传播 HTML 代码知识,让更多网友学用代码贴图制作网页,本贴欢迎转载,但是,转载时请不要把原创编辑游子的名字改掉。谢谢!)




如何做html代码贴

欢迎您!启步学HTML代码.

代码;

<font style=font:26pt face=华文行楷 color=0000ff> 欢迎您!启步学HTML代码。 </font>

你先复制这个代码,进到发贴编辑区,在下面标签栏中选取第四个标签[HTML],去掉自动修正的钩,再粘贴发表,就 OK了。

做html代码贴的操作方法

1,复制代码。

2,击点回复。

3,进到发贴编辑区。

4,在编辑栏下面标签栏中取第选四个标签[HTML],

5,去掉{ HTML }标签旁边的自动修正的钩,

6,再粘贴代码后发表。千万不可先粘贴代码后才选取[HTML]标签。

再试看吧!祝你成功!!

         编辑:游子


转自好友的空间:http://hi.baidu.com/%D3%C4%B9%C8%D0%C7%C0%B6

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约