网页常用代码

最新推荐文章于 2021-09-16 18:38:25 发布
原创 最新推荐文章于 2021-09-16 18:38:25 发布 · 853 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#behavior #filter #table #javascript #up #iframe

本文分享了一系列HTML技巧，包括如何在页面中实现各种效果，比如文字特效、图片展示、背景音乐等，适合网页制作爱好者和初学者参考。
◆加入收藏夹

<span style="CURSOR: hand" onClick="window.external.addFavorite(''http://calm-sea.com/blog/'',''VOE BLOG)" title="VOE BLOG">收藏本站</span>

 ◆设为首页

<span onclick="var strhref="/window.location.href";this.style.behavior=''url(#default#homepage)'';this.setHomePage(''http://ahtc6.shineblog.com'');" style="CURSOR: hand">设为首页</span>

 ◆刷新

<a href="javascript:location.reload()" target="_self">刷新</a>

 ◆返回上一页

<a href="javascript:history.back(-1)">返回上一页</a>

 ◆禁止他人iFrame你的网页

<Script LANGUAGE="JavaScript">
if(self!=top){top.location=self.location;}
</script>

 ◆iFrame别人的网页

<iframe src="完整网址" width=数值 height=数值 frameborder=0/1/no/yes scrolling=auto/yes/no></iframe>

 ◆最大化窗口
<OBJECT id="max" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM name="Command" value="Maximize"></OBJECT>
<a href="#1" onclick="max.Click()">最大化</a>

 ◆最小化窗口

<object id=minimize type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Minimize"></object>
<a href="#1" onclick="minimize.Click()">最小化</a>

 ◆关闭窗口

<a href="javascript:window.close()">关闭窗口</a>

 ◆禁止复制、使用右键等

在<body>里加入：

oncontextmenu="return false" ondragstart="return false" onselectstart="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()"onbeforecopy="return false" onmouseup="document.selection.empty()"
 

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

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

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

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

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

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

7)字体下划线: <u>写上你想写的字</u>
8)字体删除线: <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="宽度" height="高度" autostart=false> 

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值见10)

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

23)贴网页：<iframe src="相关地址" width="宽度" height="
 
高度"></iframe> 
    
24)在签名的地方输入代码：
 
<img src=http://你的图片地址>
 
例如：<img src=http://bbs.qq.com/bbs_images/10706/A1091798776_16355.jpg>
 
怎么使图片（文字）滚动起来－－－－－在签名的地方加入代码：
<marquee>文字或图片<img src=http://你的图片地址></marquee>
 
例如：<marquee>我的心要你稱頌耶和華阿多乃
 
（我的主）<img src=http://bbs.qq.com/bbs_images/10706/
 
A1091798776_16355.jpg></marquee>
 
 
25)在帖子里加入代码
 
背景加入音乐代码：
<bgsound balance=0 src="http://218.75.11.126/mp3/liang.mp3" volume=-600
loop=infinite>
（<bgsound src="http://??" loop=3> ??指文件所在位置，loop是循环次数；最好不加mp3，那个比较大，等待时间长）
 

让生命去等候！

<CENTER>
<TABLE cellSpacing=0 cellPadding=0 background=http://bbs.sbrw.org/UploadFile/2004-6/2004626171411674.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE align=center bgColor=yellow>
<TBODY>
<TR>
<TD><FONT face=华文琥珀 color=#336699><FONT size=7><B><EM><FONT face=隶书>让生命去等候</FONT>！</EM></B></FONT></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER>

 

<DIV style="FILTER: shadow(color=#6495ED, strength=60); WIDTH: 480px"><FONT face=华文彩云 color=#9932cc size=7><B>
<CENTER><BR>论坛</B></CENTER></FONT>
<P></P></DIV>

文字设制

一，文字基本设制

基本代码如下：

<P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>

align=center　表示字体居中，可选值为居右（right）居左（left）



color=颜色代码　具体颜色代码可参照： 颜色选取 ＜＜点击查看


face=字体　常用字体为：宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等

size=字体大小，这里的最大值为7　取值越大文字就越大

二，大字体文字

效果：

数到三就不哭


代码：

<font style=font:40pt face=新宋体 color=#ff0000>插入文字</font>

font:40pt　数值越大文字就越大。

三，移动文字设置：

基本代码1：

<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>

说明：direction=移动方向　可选值为向上(up)　向下(down)　向左(left)　向右(right)

基本代码2：

<marquee behavior=移动效果>插入文字</marquee>

说明：

behavior=scroll 一圈一圈绕着走　

behavior=slide

只走一次　behavior=alternate 来回走

停停走走：

效果如：

数到三就不变

代码如下：

<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>

四，文字特效显示：

效果一：

数到三就不哭

原代码：

<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>

效果四：

screen.width-500)this.style.width=screen.width-500;" onmousewheel="return bbimg(this)">
数到三就不哭

原代码：

<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460 <IMG src="http://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif"><FONT color=red face=楷体_gb2312 size=7>数到三就不哭</FONT></MARQUEE></MARQUE></MARQUEE>

效果五：


欢迎你朋友

友朋你迎欢

 

原代码：

<FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>欢迎你朋友</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50 width=240>友朋你迎欢</MARQUEE></FONT></FONT>

注明：在用这种效果时，文字移动范围的宽width的取值很重要，两段文字移动范转的width取值和一定要小于背景层width的取值。

欢迎！ 蔷薇花雨 我喜欢我论坛

 
代码:

<font style="font-size: 50pt; filter: shadow(color=#af2dco); width: 100%; color: #730404; line-height: 100%; font-family: 华文行楷" size=6>欢迎！</font>

<font face=@方正姚体 size=7><b><i><font color=#a69a2f>蔷</font><font color=#c0ba55>薇</font><font color=#dada7c>花</font><font color=#f5faa3>雨</font></i></b></font>

<font color="#ff0000">我</font><font color="#d52a00">喜</font><font color="#ab5400">欢</font><font color="#817e00">我</font><font color="#57a800">论</font><font color="#2dd200">坛</font>

 

欢迎光临

<TABLE height=79 cellSpacing=0 cellPadding=0 width="90%" align=center background=http://bbs.guqu.net/UploadFile/2004-12/20041230235630410.gif border=0><TBODY><TR><TD><DIV align=center><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=fusia); WIDTH: 100%; COLOR: lime; LINE-HEIGHT: 150%; FONT-FAMILY: 文鼎香肠体"><B>欢迎光临粉红唯美</B></FONT></DIV></TD></TR></TBODY></TABLE>

 

欢迎光临

<P><FONT style="FONT-SIZE: 38pt; FILTER: shadow(color=#ffffff); WIDTH: 78.35%; COLOR: #f4deaa; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云; HEIGHT: 76px"><B>欢迎光临粉红唯美</B></FONT></P>

欢迎光临

<TABLE cellSpacing=0 cellPadding=0 align=center background=http://bbs.guqu.net/UploadFile/2004-12/20041230234052944.gif><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE align=center background=http://bbs.guqu.net/showimg.asp?BoardID=10&filename=2004-12/2004123015039658.bmp><TBODY><TR><TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#336699><B>欢迎光临</B></FONT><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#336699><BR>秋叶片片之粉红唯美</FONT><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 48pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#336699> </FONT></B></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR></DIV><P></P>

 

 

秋叶片片

 

<DIV align=center><TABLE cellSpacing=0 borderColorDark=#fdf8b4 cellPadding=0 width="80%" borderColorLight=#fdf8b4 background=http://bbs.guqu.net/UploadFile/2004-12/2004123111632689.jpg border=1><TBODY><TR><TD align=middle width="100%"><TABLE cellSpacing=0 cellPadding=0 align=center background=http://bbs.guqu.net/UploadFile/2004-12/2004123111632396.gif><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE align=center background=http://bbs.guqu.net/UploadFile/2004-12/2004123111632689.jpg><TBODY><TR><TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_gb2312 color=#336699><B>秋叶片片之粉红唯美</B></FONT></TD></TR></TBODY></TABLE></TD></TR>

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

 

秋叶片片

<P align=center><TABLE cellSpacing=0 cellPadding=0 align=center background=http://bbs.guqu.net/UploadFile/2004-12/2004123112250116.gif><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE cellSpacing=0 cellPadding=0 align=center background=http://bbs.guqu.net/UploadFile/2004-12/2004123112250151.jpg><TBODY><TR><TD align=middle><FONT style="FONT-SIZE: 50pt" face=华文行楷 color=#336699><B><EM>秋叶片片之粉红唯美</EM></B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

 

秋叶片片

 

 


 

 

 

 

秋叶片片

秋 叶片片

秋叶

字跳舞

秋叶片片




 

 

秋叶片片


 
秋叶片片


 

 

秋叶片片

 

 




 

 

 

 

秋叶片片

秋叶片片

秋叶



 

 

 

秋叶片片

秋叶片片



 

秋叶片片

秋叶

 

秋叶




 


 

秋叶
 

 

 
秋叶片片

 
 


秋叶片片 
 


 
 

 
秋叶片片
 
 

喜欢就好
快乐最重要
 
 

秋你叶来欢坐迎坐

网站建设代码大全：网页制作常用代码
03-03
网站建设代码大全：网页制作常用代码.Dreamweaver网页制作常用代码，网页制作热潮的兴起，Dreamweaver 得到了广泛的应用
网页常用代码 比较基础的东西
12-30
◆加入收藏夹 说 明 点击即可把你的网站添加到浏览器的收藏菜单下 代 码 软件开发网>收藏本站   ◆设为首页 说 明 点击即可把你的网站设置为浏览器的起始...this.style.behavior=’url(#default#homepage
做网站常用的一些代码
lcwdzl的专栏
09-25 1341
控制横向和纵向滚动条的显隐？ 去掉x轴 去掉y轴不显 -------------------------------------------------------------------------------- 表格变色onmouseout="this.style.backgroundColor="style="CURSOR: hand"> ------------
常用代码网站·
bestboyxie的专栏
08-25 528
https://sourceforge.net github codeproject 其实很多时候如果是做项目我们不用太多时间去制造轮子，利用现有大公司的开源项目开源加快速去处理问题； 先去github上找找。之类的网站都可以去找找。不信换个思路再找找。再不行，在现有库的基础上做开发。
网页常用代码总结
01-17 608
不同浏览器所支持的“事件”1。onabort（ns3，ns4，ie4）：当用户终止正在打开的网页时产生该事件。2。onblur（ns3，ns4，ie3，ie4）：某元素失去活动焦点时产生该事件。例如鼠标在文本框中点击后又在文本框外点击时就会产生。3。onchange（ns3，ns4，ie3，ie4）：当网页上某元素的内容发生改变时产生。例如在文本框中输入文本后又在文本框外点击时就会产生。4。o
网页制作常用代码
12-03
网页制作常用代码包括 一：文字加粗 倾斜的代码 二：文字链接代码 三：在网站上放图片的代码 四：图片链接代码 五：换行代码 六：文字移动的代码 七：移动图片的代码 八：背景音乐的代码 九：在网站中插入一个...
经典网页常用代码直接粘贴就可以用
05-17
本资源“经典网页常用代码直接粘贴就可以用”提供了一系列可以直接应用于网页设计的代码片段，帮助开发者快速实现特定功能，无需从零开始编写。下面将详细介绍这些代码类型及其应用。 1. 不间断滚动代码：这种代码...
asp_js_网页常用代码【最全的】
09-13
在"asp_js_网页常用代码【最全的】"这个资源中，我们可能找到的是一个包含了大量ASP和JavaScript代码示例的集合，这些示例涵盖了网页开发的各种常见任务。以下是一些可能涵盖的知识点： 1. ASP基础：ASP使用...
css常用代码大全(html+css代码).pdf
07-13
在“CSS常用代码大全(html+css代码).pdf”中，我们可以看到一系列常用的CSS代码及其用法。 首先，关于文本设置，`font-size`用于定义文本的字号，`font-style`可以设置文本的斜体，如`italic`或`normal`，`font-...
网站网页制作的常用代码大全.docx
11-04
。。。
40种网页布局源代码
06-12
收集的40个CSS网页布局源代码，对CSS入门网页布局有很大帮助！
利用HTML代码美化网页7例
08-13
利用HTML代码美化网页7例
常用网页代码
qq_36679270的博客
09-16 6543
网站标题 <title>忘情Dplayer播放器</title> 浏览器ico图标 <link href="https://baklibcdn2.dagle.cn/1578015340316-favicon.ico" mce_href="favicon.ico" rel="shortcut icon" type="image/x-icon" /> <link rel="shortcut icon" href="//q1.qlogo.cn/g?b=qq&amp
整理收藏: ASP 三十二条精华代码
皮建华的专栏
12-06 1034
整理收藏: ASP 三十二条精华代码出处：黑基[ 2004-11-25 09:39:11 ] 作者：Neeao 责任编辑：liyalin　　1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键　　no 可用于Table 　　2. 取消选取、防止复制 　　3
网站常用代码
twosecond
07-03 1627
日历代码： <!-- var bsYear; var bsDate; var bsWeek; var arrLen=8; file://数组长度 var sValue=0; file://当年的秒数 var dayiy=0; file://当年第几天 var miy=0; file://月份的下标 var iyear=0; file://年份标记 va
网站 常用 代码
nailwl
02-26 532
<br />http://www.1t2t.com/1t/index.html
收集网站常用代码
twosecond
07-03 6961
FLASH下载进度条（LOADING）把下面的代码放到场景的第一层的第一帧，第二帧加（STOP）。var myLoading;var loadInfo;var _lineBgcolor = "0xffffff";var _lineColor = "0xffffff";var _lineLen = 200;var _lineH = 3;var _txtColor;var _txtAlign = "c
Dreamweaver网页制作常用代码全集
"此资源主要提供的是网页制作过程中常用的代码片段，包括HTML、CSS以及JavaScript的运用，特别是针对Dreamweaver用户的代码示例。" 在网页制作中，代码是构建页面结构和实现动态功能的基础。本资源集合了网页设计中...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值