2007/11/30 | html代码集
类别(收藏) | 评论(13) | 阅读(2947) | 发表于 23:42

与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
－以上转自：http://zhidao.baidu.com/question/15605872.html
随动对联－2


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

－－－－－－－－－－
博客中常用的代码
以下源至（上面有的宜删除）：http://yhfu1018.blog.163.com/blog/static/9227247200762014510697/
一、美化文字的代码：

 　　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（本日志强制显示）         下一篇：超强的生命

42

评论Comments

日志分类
首页[320]
雷公[28]
九九[59]
杂记[57]
收藏[51]
休闲吧[24]
咚咚匣子[12]
好东西[89]