html代码集

      收藏 2007-11-30 23:42:00

UBB日志代码呼应,

以下内容未必都实用,

因有助于对源代码构成的分析了解,

特笼统收藏。 

--------------------------------

  在线HTML编辑器

--------------------------------

html使用代码大全

--------------------------

<DIV style="FONT-SIZE: 9pt">1)贴图:<img src="图片地址">

1)首行缩进2格:<p style="TEXT-INDENT: 2em">html使用代码大全</p>

2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a>

3)在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>

4)移动字体(走马灯):<marquee>写上你想写的字</marquee>

5)字体加粗:<b>写上你想写的字</b>

6)字体斜体:<i>写上你想写的字</i>

7)字体下划线: <u>写上你想写的字</u>

字体删除线: <s>写上你想写的字</s>

9)字体加大: <big>写上你想写的字</big>

10)字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)

11)更改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间

12)消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

13)贴音乐:<embed src="地址" width="230" height="28" type="audio/x-pn-realaudio-plugin" controls="ControlPanel" loop="0" autostart="true" volume="100" initfn="load-types" mime-types="mime.types"></embed>

14)贴flash: <embed src="flash地址" width="宽度" height="高度">

15)贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

16)换行:<br>

17)段落:<p>段落</p>

18)原始文字样式:<pre>正文</pre>

19)换帖子背景:<body background="背景图片地址">

20)固定帖子背景不随滚动条滚动:<body background="背景图片地址" body

bgproperties=fixed>

21)定制帖子背景颜色:<body bgcolor="#value">(value值见11)

22)贴网页:<iframe src="相关地址" width="宽度" height="高度"></iframe></DIV><DIV style="FONT-SIZE: 9pt">改变文字颜色的代码:


<font color=颜色>文字</font>

(color后面可以是英文也可以是颜色代码)

发光字代码:


<table style="FILTER: glow(color=#6CABE7,direction=2)">

阴影字代码:


<table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);">

浮雕文字代码:


<table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);">

添加透明FLAHS的代码:


<embed src="flash文件地址" width="宽" height="高" type="application/x-shockwave-flash" wmode="transparent" quality="high">


跳转页面代码

<meta http-equiv="refresh" c>

风格的背景不动代码
将以下代码加在论坛简介里。效果:背景不动。

<Body bgproperties="fixed">

元素间的内容居中


<CENTER>   </CENTER>  

嵌入代码

<iframe  border=0 vspace=0 hspace=0 marginwidth=0 marginheight=0 height=222  framespacing=0 frameborder=0 scrolling=no width=100%  src=http://etxbbs.91.tc/t.htm></iframe>

背景图片

<BODY bgColor=#dddddd leftMargin=2 background=http://www.kfyes.com/bbs/plugins/lovewall/lovewall.jpg topMargin=2 onload=javascript:popUp()>

背景颜色

<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top bgColor=#8F2E01>内容!!!</TD></TR></TBODY></TABLE>


文字链接代码

如果您想点击某处文字会连接到另外一个网页的效果,这是超链接,代码是这样:
<a href="网站地址";>E天下</a>如果要点了这个文字以后重新打开一个窗口的话,代码是:<a href="http://cui.qq.topzj.com/forumdisplay.php?fid=23100&page=1"; target="_blank">E天下</a>


图片链接代码

如果要点一下图片就能打开一个网站的链接代码是这样的:
<a href="http://www.liukee.com/reg.asp?username=xpcjh";><img src="http://www.liukee.com/images/logo_177-51.gif"; width="150" height="100"></a>
如果要点一下图片就能打开一个网站的链接,并且重新打开一个窗口。代码是这样的:
<a href="http://www.123.com";; target="_blank"><img src="http://www.123.com/images/n/163logo.gif"; width="150" height="100"></a>上面的数字都能调节图片尺寸大小。

移动图片的代码

<marquee><img src="http://es.tom.com/images/2002/gamemm/0604/s/36.jpg";><img src="http://es.tom.com/images/2002/gamemm/0604/s/13.jpg";><img src="http://es.tom.com/images/2002/gamemm/0604/s/30.jpg";><marquee>
把里面的图片地址换成你的就行 想多放一个图片就按照格式在中间插入:
<img src="http://es.tom.com/images/2002/gamemm/0604/s/13.jpg";>
里面的图片地址自己定。

背景音乐的代码

如果想在你的网站上放上一段好听的背景音乐,代码是: <bgsound src="http://xxx.com/xxx.mid";loop=10>
<bgsound src="http://www.fan.com/midi/music.asp?id=3073";loop=30> 里面的背景音乐地址你能自己替换。
前面的是音乐地址,一般都以mid或者mp3的形式结尾 后面的数字是播放次数,下例为无限播放代码。

<bgsound balance="" src="http://www.educast.com.cn/upload/media/2006-09/12/160829316/123.mp3" volume="" loop="infinite"></bgsound>

-------------------------------------

感应鼠标抖动图片:


下拉菜单代码

1、多极菜单


2、本代码适合IE浏览器,代码如下:


弹出窗口代码


qq好友上线广告代码


 网页两侧广告代码

左栏固定广告



右栏固定广告



漂浮广告代码



固定对联



随动对联-1


随动对联-2


以上转自:http://hi.baidu.com/xxyang420/blog/item/f893f1a23065e5accbefd0d3.html

----------
博客中常用的代码
一、美化文字的代码:

   7.在字前加圆点:

  <li>文字内容</li>

  12.消除连接的下划线:

  <a href="相关地址" style="text-decoration:none">文字内容</a>

  13.滚动文字效果:

  // marquee有四个方向参数,如图1 

  <marquee direction="up">文字内容</marquee>

 

图1

  二、在博客中嵌入其他元素

   1.在博客中贴图:

  // width是图片的宽度,height是高度

  <img src="图片地址"; width="120"; height="90"; alt="鼠标移动到图片上显示的字";>

   2.在博客中贴Flash:

  // width,height可以是指定的高度,也可以不设置,可以是100%

  <embed src="flash地址" width="100%" height="100%">

   3.在博客中贴音乐:loop="true" 循环播放(播放一次,true改为false)autostart="true" 自动开始播放(用户点击播放,true改为false)

<embed src="音乐地址" width="宽度" height="高度" autostart=false>

<EMBED ="音乐地址" width=200 height=40 type="audio/x-pn-realaudio-plugin" loop="true" autostart="true" controls="ControlPanel,StatusBar">

   4.博客中贴食品:

  <img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

   5.固定日志背景不随滚动条滚动:

  <body background="背景图片地址" body bgproperties=fixed>

   

超链接文字特效代码:
 
        把下列代码之一添加到面板(文章)中,该面板(文章)中的链接即可显示相应的特效:
 
        让链接变色代码:

<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { color: #3399FF }
</STYLE>

                                     

        增加链接的力度(字体变大)代码:

<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {font-weight: bold }
</STYLE>

                               

        触到链接是出现虚线代码:

<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {border-bottom:1px dashed #51bfe0 }
</STYLE>

                              

        会移动的链接代码:

<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { ; left:1px; top:1px; }
</STYLE>

          

        给链接添加背景色代码:

<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { background-color: #CCFFFF; }
</STYLE>

 图片(挂件)随滚动条移动代码:

<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: +eval(document.body.clientWidth)-110); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; ; ; TOP: +eval(document.body.clientHeight)-400); TEXT-ALIGN: center"><IMG src="图片地址" border=0></DIV>

        代码说明:

        -100表示图片距离屏幕左侧的距离,负数值越大距离左侧越远;

        -400表示图片距离屏幕下方的距离,负数值越大距离下方越远(越靠上);

        效果预览:

        如首页左侧图片。

 

 

        图片上飘动的文字特效代码:

<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>

<TBODY>

<TR>

<TD background=图片地址>

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>

<MARQUEE scrollAmount=3 behavior=alternate width=500>

<P align=center><FONT color=red size=6><B>图片上的文字</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

 

        代码说明: 

        width为浮动文字框架的宽度;

        height为浮动文字框架的高度;

        color=red表示文字颜色为红色(查询颜色代码)

 

        效果预览:

演示文字

  以图片为背景发表文章代码:

<table width="450" border="0">

<tr>

<td height="500" background="图片地址"></td>

</tr>

</table>        效果预览:

    这里是演示文字。

    这些文字可以直接在图片上输入。

    为了美观,建议从其他文本编辑器中直接将文章复制到图片上。

------------

以下转自:http://blog.sina.com.cn/s/blog_49be829b0100078z.html 

上下翻转代码:
<img src="图片地址" style="filter:FlipV">
 

左右镜像代码:
<img src="图片地址" style="filter:FlipH">

----------------

其它特效,链接有问题。


 


 

------------------------------

上一篇:隐藏日志20-9(本日志强制显示)         下一篇:超强的生命

标签集:TAGS:html代码 大全
回复Comments() 点击Count()
喜欢就顶一下

回复Comments

{commentauthor}
{commentauthor}
{commenttime}
{commentnum}
{commentcontent}
作者:
{commentrecontent}