HTML代码知识

背景

原代码如下：

帖子内容，文字或图片.....

</TD></TR></TBODY></TABLE>

<TABLE> 的参数设定（常用）：

注解：

width="400"

表格宽度，接受绝对值（如 80）及相对值（如 80%）。

border="1"

表格边框的厚度，不同浏览器有不同的内定值，故请指明。

cellspacing="2"

表格格线的厚度

align="CENTER"

表格的摆放位置（水平），可选值为： left, right, center

valign="TOP". 表格内内容的对齐方式（垂直），可选值为： top, middle, bottom。

background="myweb.gif"

表格的背景图片，与 bgcolor 不要同用。

bgcolor="#0000FF"

表格的底色，与 background 不要同用

bordercolor="#CF0000"

表格边框颜色

bordercolorlight="#00FF00"

表格边框向光部分的颜色

bordercolordark="#00FFFF"

表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。

cols="2"

表格栏位数目，只是让浏览器在下载表格时先画出整个表格而已。

载入音乐

基本语法：

常用属性如下：

src="your.mid"

设定 midi 档案及路径，可以是相对或绝对。

autostart=true

是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。

loop="true"

是否自动反复播放。LOOP=2 表示重复两次，true 是， false 否。

HIDDEN="true"

是否完全隐藏控制画面，true 为是，no 为否 (内定)。

STARTTIME="分:秒"

设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。

VOLUME="0-100"

设定音量的大小，数值是0到100之间。内定则为使用系统本身的设定

WIDTH="整数" 和 HIGH="整数"

设定控制面板的高度和宽度。(若 HIDDEN="no")

ALIGN="center"

设定控制面板和旁边文字的对齐方式，其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom

CONTROLS="smallconsole"

设定控制面板的外观。预设值是 console。

console 一般正常面板

smallconsole 较小的面板

playbutton 只显示播放按钮

pausecutton 只显示暂停按钮

stopbutton 只显示停止按钮

volumelever 只显示音量调节按钮

例一：

作为背景音乐来播放，隐藏了播放器。

例二：

出现控制面板了，你可以控制它的开与关，还可以调节音量的大小。

注明：可用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU 等等，Netscape 及新版的 IE 都支持。

IE中的的背景音乐

代码如下：

#=循环数

注明：这种背景音乐格式，只有在IE浏览器中才可以听到。一般用来插入wav wma mid mp3等格试的音乐。

在论坛做帖常用格试如下：

一：

说明：一般用来插入mp3 rm ra ram asf mid 等音乐文件，如果要隐藏播放器，把width和height的数值改成0或者1就可以了。

二：

<bgsound src="音乐文件地址" loop=3>说明：一般用来插入wav wma mid mp3等格试的音乐文件。

最简单的滚动条设置

<tr><td bgcolor="cyan"><font color="#FFFFFF"><b>带滑动条的表格</b></font></td></tr>

看看这个效果，不要以为是IFRAME，这可是地地道道的表格！其实，这是表格和CSS结合的效果。当网页上有大段文字要显示，而又没有足够的空间时，这就派上用场了。虽然用文本框也可以实现类似效果，但却远没有用表格灵活。代码很简单，只要在单元格<td>标识后加上如下代码就可以了

</div>

</td>

</tr>

</table>

页面嵌入

marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>

说明:(红色部分)

width和height即宽度和高度根据你所嵌入目标的高度和宽度填写,

例如你的日记本的宽为600,高为800,填上去就可以完整显示了

scroing 表示滚动条,它有三个参数,

一个是

yes, 即显示滚动条,

二是no,表示不显示滚动条.

第三是auto,系统自动判断显示或不显示滚动条~

1. 将彻底屏蔽鼠标右键,无右键菜单

也可以用于网页中Table框架中

2.取消选取、防止复制

3.不准粘贴

4.防止复制

5.IE地址栏前换成自己的图标

说明：关于favicon.ico文件的制作。你可以先在FW中做一个图片，属于你自己站点一个小图标。然后在ACD see将文件属性改为*.ico，然后将你做的*.ICO文件传到你的服务器目录中，然后就可以使用以上代码来实现，当别人登陆你的站点时，地址栏里使用的就是你自定义的图标了。很PP哦。

6.可以在收藏夹中显示出你的图标

说明：制作方法和上面的一样。只是显示的方式不同，这个是在别人收藏你的网页地址时显示的个性图标。也很PP.

7.关闭输入法

说明：这段代码是在表格提交时用到的。也就是在输入数据时不可以使用其他输入法模式。

8.永远都会带着框架

if (window == top)top.location.href = "frames.htm";// --></script>

说明：frames.htm为你的网页，这也是保护页面的一种方法

9.防止被人frame

<SCRIPT LANGUAGE=javascript><!--

if (top.location != self.location)top.location=self.location;

// --></SCRIPT>

10.网页将不能被另存为

说明：<noscirpt>的用法很广，其中一条就是可以使JS广告失效。

11.查源文件

<input type=button value=查看网页源代码

onclick="window.location = 'view-source:'+ [url]http://www.lovq.cn/jl.asp[/url]';">

12.COOKIE脚本记录，有很大的用处哦

function get_cookie(Name) {

var search = Name + "="

var returnvalue = "";

if (documents.cookie.length > 0) {

offset = documents.cookie.indexOf(search)

if (offset != -1) { // if cookie exists

offset += search.length

// set index of beginning of value

end = documents.cookie.indexOf(";", offset);

// set index of end of cookie value

if (end == -1)

end = documents.cookie.length;

returnvalue=unescape(documents.cookie.substring(offset, end))

}

return returnvalue;

}

function loadpopup(){

if (get_cookie('popped')==''){

openpopup()

documents.cookie="popped=yes"

}

</script>

13.内框架<IFRAME>使用

Iframe标记的使用格式是:

name="main"></iframe>

src：文件的路径，既可是HTML文件，也可以是文本、ASP等；　　width、height："内部框架"区域的宽与高；

scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动条；如为Yes，则显示; 　FrameBorder：区域边框的宽度，为了让“内部框架“与邻近的内容相融合，常设置为0。

name:框架的名字，用来进行识别。

比如: 　当你想用父框架控制内部框架时，可以使用： target="框架的名字"来控制。

例子：<iframe name="mm" src="//www.lovq.cn";; width="100%" height="100%" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>

14.自动跳转

在源代码中的<head>…</head>加入如下代码：

说明：content="3 表示3秒刷新到URL

15.如何改变链接的鼠标形状

只需在链接上加上这一代码就行的了

或者跟上面的用CSS写也行

style="cursor:hand"　　　　　　style="cursor:crosshair"

style="cursor:text" 　　　　　　style="cursor:wait"

style="cursor:move" 　　　　　　style="cursor:help"

style="cursor:e-resize" 　　　　style="cursor:n-resize"

style="cursor:nw-resize" 　　　style="cursor:w-resize"

style="cursor:s-resize" 　　　　style="cursor:se-resize"

style="cursor:sw-resize"

以上代码你只需要加到连接或是页面的style区里就可以实现鼠标多样化。

16.全屏显示

<form>

</div>

</form>

把它放到<body>区中。

17.设为首页

<!--

function defaul_home(){

this.home.style.behavior='url(#default#homepage)';this.home.setHomePage([url]http://www.lovq.cn/[/url]';);

}

var focusok=false;

if (navigator.appName == "Netscape"){

focusok=true;

}

vers=navigator.appVersion;

if (navigator.appName == "Microsoft Internet Explorer"){

pos=vers.lastIndexOf('.');

vers=vers.substring(pos-1,vers.length);

}

proper_version=parseFloat(vers);

if(proper_version>=5){

focusok=true;

}

function launchstock1(htmlurl){

var stock=window.open(htmlurl,"stock","top=2,left=2,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,

resizable=no,width=700,height=510");

if(focusok){

stock.focus();

}

return true;

}

function launchstock(){

var stock=window.open("","stock","top=2,left=2,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,

resizable=no,width=700,height=510");

if(focusok){

stock.focus();

}

return true;

}

// -->

</script>

18.这里是加入收藏夹的代码

<a href="#" onClick="window.external.addFavorite([url]http://www.e3i5.com[/url]';.'-=E代时光=-')" target="_self" title="-=E代时光=-">加入收藏夹</a>

19.flash图片效果

以下代码加入<head>区域

<!--

function makevisible(cur,which){

if (which==0)

cur.filters.alpha.opacity=100

else

cur.filters.alpha.opacity=20

}

//-->

</SCRIPT>

以下代码加入<body>区域

<img src="//www.lovq.cn/img/logo.gif";; style="filter:alpha(opacity=20)" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)" width="63" height="56"> //图片地址请自己改

20.背景图片滚动

var backgroundOffset = 0;

var bgObject = eval('document.body');

function scrollBG(maxSize) {backgroundOffset = backgroundOffset + 1;

if (backgroundOffset > maxSize) backgroundOffset = 0;

bgObject.style.backgroundPosition = "0 " + backgroundOffset;}

var ScrollTimer = window.setInterval("scrollBG(410)", 20)

</script>

21.滚动特效

欢迎光临无风网络

我们地址[url]http://www.lovq.cn[/url]

</marquee>

22.让背景图不滚动

IE浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动:

〈Body Background="图片文件" bgproperties="fixed"〉

23.让你的网页无法另存为

24.让IFRAME框架内的文档的背景透明

25.禁止右键：

26.进入页面后立即自动刷新？

[url]http://www.lovq.cn[/url],这是你自己的网址。

27.隐藏IFRAME的滚动条三种方法:

1. 设置iframe scrolling="no"

2. 被包含页body应用overflow:hidden

3. 被包含页的body标签加scroll="no"

28.加入背景音乐

<bgsound src="mid/min1.mid" loop="-1"> 只适用于IE

29.滚动

30.细线分隔线

31.过度方式

Duration的值为网页动态过渡的时间，单位为秒。

Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表：

0 盒状收缩 1 盒状放射

2 圆形收缩 3 圆形放射

4 由下往上 5 由上往下

6 从左至右 7 从右至左

8 垂直百叶窗 9 水平百叶窗

10 水平格状百叶窗 11垂直格状百叶窗

12 随意溶解 13从左右两端向中间展开

14从中间向左右两端展开 15从上下两端向中间展开

16从中间向上下两端展开 17 从右上角向左下角展开

18 从右下角向左上角展开 19 从左上角向右下角展开

20 从左下角向右上角展开 21 水平线状展开

22 垂直线状展开 23 随机产生一种过渡方式

32.如何控制横向和纵向滚动条的显隐？

<body style="overflow-y:hidden"> 去掉x轴

<body style="overflow-x:hidden"> 去掉y轴

<body scroll="no">不显

33.加入注释的格式是：

〈!-［注释内容…］--〉

34.怎样在网页中加入 E-mail 链接并显示预定的主题?

〈A href="mailto:lovq@163.com=主题"〉……〈/a〉

35.定义本网页关键字，可以在〈Head〉〈/Head〉中加入如下代码：

〈meta name="Keywords" content="无风网络"〉

Content 中所包含的就是关键字,你可以自行设置。

这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如：

〈meta name="Keywords" content="无风网络"〉

36.添加到收藏夹：

〈a href="java script:window.external.addFavorite([url]http://www.lovq.cn[/url]','http://www.lovq.cn');"〉添加到收藏夹〈/a〉

37.设为首页：

〈a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage([url]http://www.lovq.cn);[/url]〉设为首页〈/a〉

38.定制浏览器地址栏前的小图标：

A:在网页的〈head〉〈/head〉间加入以下语句：

〈link rel="shortcuticon" href="http://…/icon.ico"〉

即可。其中 icon.ico 为 16x16 的图标文件，颜色不要超过 16 色。

39.表格的分隔线可以隐藏

<table border rules=cols cellspacing=0 align=left> 可以隐藏横向的分隔线

<table border rules=rows cellspacing=0 align=right>可以隐藏纵向的分隔线

<table border rules=none cellspacing=0 align=center>可以隐藏横向和纵向的分隔线

40.表格的边框不断在闪

以下方法可以令表格的边框不断在闪，很实用的

在BODY区加上

<table border="0" width="280" id="myexample"

style="border:5px solid yellow">

<tr>

<td>加入任意的物件.加入任意的物件.

<br>加入任意的物件.加入任意的物件.

<br>加入任意的物件.加入任意的物件.</td>

</tr>

</table>

<!--

function flashit(){

if (!document.all)

return

if (myexample.style.borderColor=="yellow")

myexample.style.borderColor="lime"

else

myexample.style.borderColor="yellow"

}

setInterval("flashit()", 500)

//-->

</script>

41.普通表格

<table border="1" width="220" style="position: absolute; left:

11; top: 11" height="26" >

<tr>

</tr>

</table>

42.正立方表格

<table border="1" width="220" bordercolorlight="#eeeeee"

bordercolordark="#000000" style="position: absolute; left: 10; top:

49" height="26">

<tr>

<td width="100%">正立方表格</td>

</tr>

</table>

43.细表格

<table border="0" frame=vsides width="219"

bgcolor="#000000" cellspacing="1" cellpadding="0"

height="22" style="position: absolute; left: 11; top: 86">

</tr>

</table>

44.立体表格

<table border="1" width="220" bordercolorlight="#ffffff"

bordercolordark="#ffffff" style="position: absolute; left: 10; top:

112" height="34">

<tr>

<td width="100%" bgcolor="#B7B7B7"

bordercolorlight="#000000" bordercolordark="#eeeeee" >立体表格</td>

</tr>

</table>

45.无名表格

<table width="220" align="center" style="position: absolute;

left: 246; top: 12" height="51">

<tr>

<br>

</td>

</tr>

</table>

46.表中表效果Ⅱ

<table width="220" align="center" style="position:

absolute; left: 245; top: 89" height="110">

<tr>

<td height="75"><fieldset style="width:220"

align="center"> <legend> 表中表效果Ⅱ </legend> <table

frame="hsides" border="1"

bordercolorlight="#000000" bordercolordark="#ffffff"

width="100%" cellspacing="1" cellpadding="0" height="78">

</tr>

</table>

47.表中表效果Ⅰ

<table width="220" align="center" style="position: absolute;

left: 10; top: 120" height="138" cellspacing="1"

cellpadding="0">

<tr>

<td height="126"><fieldset style="width: 220; color: #B7B7B7;

border-style: groove" align="center"> <legend style="color:

#FFFFFF; border: 1 solid #808080" > <font color="#000000">表中表效果Ⅰ</font>

</legend> 　<p align="right">　</fieldset>

</td>

</tr>

</table>

48.表格中边框的显示

只显示上边框 <table frame=above>

只显示下边框 <table frame=below>

只显示左、右边框 <table frame=vsides>

只显示上、下边框 <table frame=hsides>

只显示左边框 <table frame=lhs>

只显示右边框 <table frame=rhs>

不显示任何边框 <table frame=void>

把边框变成虚线

</tr>

</tr>

</table>

立体感的表格

<td bgcolor="#B7B7B7"

bordercolorlight="#000000" bordercolordark="#eeeeee" >立</td>

<td bgcolor="#B7B7B7"

bordercolorlight="#000000" bordercolordark="#eeeeee" >表</td>

</tr>

<td bgcolor="#B7B7B7"

bordercolorlight="#000000" bordercolordark="#eeeeee" >体</td>

<td bgcolor="#B7B7B7"

bordercolorlight="#000000" bordercolordark="#eeeeee" >格</td>

</tr>

</table>

常用的帖子代码

1.如何在每段前加两个空格？保守估计，90％以上的帖子内容里每段文字的开头都没有两个空格，因为在记事本里写好的空格在回复时会被过滤掉，加空格的方法是在前面加上就可以了。

2.其它符号的使用。如果你在帖子里要引用<font></font>，如果直接回复就会被解析。解决的方法是把 < 换成 < 即可。

1.加入MP3的方法：

[mp=200,22]http://user.hjenglish.com/hjmusic/homlee/couldone.mp3[/mp]

不自动播放的方法：

</EMBED>

2.无边框，有颜色的语法：

无边框有背景颜色语法

</TD><BR></TR></TBODY></TABLE>

3.背景图片＋图片方法：

4.字体后面加入背景色

<font style="BACKGROUND-COLOR: #af3f83" color="#e44e8a">字体后加背景语法</font>

style="BACKGROUND-COLOR: #af3f83"(背景颜色)

color="#e44e8a"（字体颜色）

5.有边框且有底色方法：

<table borderColor="#000000" cellSpacing="2" cellPadding="3" width="100%" bgColor="#0997f7" border="10"><tbody><tr><td>有边框且有底色的语法：举例一 </td></tr></tbody></table>

6.悬浮窗口，但是点击不弹出哦：

一切与答题无关的回复删除并且扣除沪元50

参与奖励60沪元 B-)<FONT></DIV>

7.只有回复才能浏览的代码：

[replyview]

1.You′ve been keeping me warm

2.I try to be strong but you′ll never be more wanted

3.To sweet beginnings and bitter endings

[/replyview]

8.插入FLash的方法：

9.隐藏播放器的方法：

10.引用网页方法：

11.单个图片的方法：

12.将左右分为两栏：（编排比较好看，空间利用率高）：

</td></table>

13.引用网页框架：

14.虚线框入文字：（可以左右分）

<td style="BORDER: #cccccc 1px dotted; padding:10; FONT-SIZE: 12px" width="100%" align=left border=0 bgColor=#f3f3f3>每年的十月三十一日。<br><br>但万圣节的各种相关活动会从10月底开始，一直延续到11月初。</td>

15.跳转到下一个链接点：

<a href="#jump-test">跳转到下一个"链接点"</a><>

<a name="jump-test">下一个链接点</a>

16.文字的分区(Division)显示：

<div align=left> ... </div> （left right center）

17.使题目动起来：

（1）循环左移：<marquee>[现场直播]有奖征文评审暨颁奖典礼</marquee>

（2）左右弹撞：<marquee behavior="alternate">[现场直播]有奖征文评审暨颁奖典礼</marquee>

18.友情链接

<a href=http://www.tianyaclub.com/new/techforum/ArticlesList.asp?idWriter=72652&Key=346787081&art=0&idItem=71><font color=green>脑筋急转弯</font></a>

19.自下而上滚动文字：

......需要添加的文字.....

</marquee>

20.图片左右滚动：

21.文字特效

<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>数到三就不哭</B></FONT></CENTER>

<CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>数到三就不哭</B></FONT></CENTER>

<CENTER><FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; POSITION: relative; LINE-HEIGHT: 150%; WIDTH: 450px">数到三就不哭</FONT></CENTER>

22.图片蝴蝶翩翩飞

23.飞翔的广告：

24.图片中插入飞翔flash：

</TD></TR></TBODY></TABLE>

25.超大字体正楷：

原代码：< align=center><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 100%" face=汉鼎繁随意 size=6>数到三就不哭</FONT><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #ff00ff; LINE-HEIGHT: 100%; FONT-FAMILY: 汉鼎繁中变" size=6></FONT><FONT color=#ff00ff> </FONT></P>

移动代码

<MARQUEE scrollAmount=1 direction=up><P align=center> <FONT color=#ffddaa size=4>安德烈．瑞欧在专辑《爱在世界的每个角落》再度以他独特的編曲技法，融合古典与轻音乐大乐团的演出方式，演出一首又一首世人耳熟能祥的乐曲。选曲切合专辑的名称，從奧斯卡金曲〈世事当如此〉，到俄罗斯民谣〈黑眼珠〉；从維也納圓舞曲〈風流寡婦〉，到法國香頌經典〈巴黎天空下〉，每一首都是深具代表性與地方色彩的動人樂曲，欣賞這張專輯，乐迷更能深入體會到「音樂無國界」的意義。</MARQUEE>

渐隐的播放器

<TBODY>

<TR>

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。