html基础知识

個人檔案关灵的树洞相片部落格清單更多

工具

說明

部落格

排列方式：

16 August

html基础知识

注：以下内容中有一部分特效在SPACES空间中暂不支持。

1)贴图：<img src="图片地址">

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

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

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

5)字体加粗：写上你想写的字

6)字体斜体：写上你想写的字

7)字体下划线: 写上你想写的字

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

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

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

11)更改字体颜色：写上你想写的字(其中value值在000000与ffffff(16位进制)之间

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

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

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

16)换行：

17)段落：段落

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

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

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

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

22)帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>

23)贴网页：<iframe src="相关地址" width="宽度" height="高度"></iframe>

跳动的字：
<center>
<marquee direction=up behavior=alternate width=60 height=120>祝</marquee>
<marquee direction=up behavior=alternate width=60 height=80>梦</marquee>
<marquee direction=up behavior=alternate width=60 height=120>幻</marquee>
<marquee direction=up behavior=alternate width=60 height=80>小</marquee>
<marquee direction=up behavior=alternate width=60 height=120>屋</marquee>
<marquee direction=up behavior=alternate width=60 height=80>开</marquee>
<marquee direction=up behavior=alternate width=60 height=120>坛</marquee></marquee></center>

飞舞的字：
<marquee scrollamount=8 direction=right behavior=alternate>
<marquee direction=up behavior=alternate width=40 height=200 align="middle">梦</marquee>
<marquee direction=up behavior=alternate width=40 height=150>幻</marquee>
<marquee direction=up behavior=alternate width=40 height=200>小</marquee>
<marquee direction=up behavior=alternate width=40 height=150>屋</marquee>
<marquee direction=up behavior=alternate width=40 height=200>论</marquee>
<marquee direction=up behavior=alternate width=40 height=150>坛</marquee>
<marquee direction=up behavior=alternate width=40 height=200>！</marquee>
<marquee direction=up behavior=alternate width=40 height=150>！</marquee></marquee>

图片倒影效果：
(使用时必须去掉"html"旁边"自动修正"的钩.)
<img src="http://www.smba-china.com/upload/upfile/2004430154320.gif"><img src="http://www.smba-china.com/upload/upfile/2004430154320.gif">

加入背景音乐代码：

以下代码是让滚动文字字幕的代码：

<marquee >里面的参数修改一下，效果将不一样，这里仅提醒一下direction参数，可以改为向下（down）、向左（left）和向右（right）。

带框的图片代码

1.居中透明代码(直接复制就可以用）

2.禁止别人复制你的内容：（下面的汉字可以换自己喜欢的字）

<SCRIPT language="javascript">
function click() {if (event.button==2) {alert('本页面禁止鼠标右键');}}document.onmousedown=click
</SCRIPT>

3.背景不停的变化颜色：

<SCRIPT language=javascript><!--

var pos=10;function initArray(){this.length=initArray.arguments.length;

for(var i=0;i<this.length;i++){this[i]=initArray.arguments[i];}}

var col=new initArray("4b","5b","8b","8b");

col[0]="yellow";col[1]="coral";col[2]="orange";col[3]="red";

col[4]="greenyellow";col[5]="lime";col[6]="turquoise";col[7]="coral";

col[8]="blueviolet";col[9]="violet";

function chgCol(){pos++;if(pos<0||pos>9){pos=0;}document.bgColor=col[pos];

setTimeout("chgCol()",3000);/*这里你可以改变时间间隔.*/

}

var yourwords="不断变化背景色彩";var buffer1=" ";

var buffer2=" ";

var message1=buffer1+yourwords+buffer2;

var dir="left";var speed=150;function pingpong(){

if(dir=="left")

{message2=message1.substring(2,message1.length)+" ";

window.status=message2;setTimeout("pingpong();",speed);message1=message2;

if(message1.substring(0,1)=="*")dir="right";}

else{message2=" "+message1.substring(0,message1.length-2);

window.status=message2;setTimeout("pingpong();",speed);

message1=message2;if(message1.substring(message1.length-1,message1.length)=="*")dir="left";}}//

-->

</SCRIPT>

4.页面上面游动的鱼：

5.下雨特效：

6.青蛙戏水：

3:07 | 發佈至您的部落格

回應 (3)

若要新增回應，請以您的 Windows Live ID 登入 (若您使用 Hotmail、Messenger 或 Xbox LIVE，則您已擁有 Windows Live ID)。登入

沒有 Windows Live ID？註冊

	xiaoyumissyou 撰寫：我也来踩了，你做的好漂亮哦，可惜我不太会，见笑了，呵` 10 月 17 日
	ellie 撰寫：我是个没常性的人,还好你能适应... 8 月 24 日
	KatrinaLeng 撰寫：呵呵。。。哪有人伤害我啊。。。误会误会！呵呵 8 月 20 日

引用通告

此內容的引用通告是：

http://guanling.spaces.live.com/blog/cns!F166C7CC51C30A4E!569.trak

引述這則內容的部落格