HTML实用的网页代码大全

2022-11-24 0 517

【一】:记号

<p>章节</p>

<h>副标题</h>(h1—h6)

<br>:转义

<hr>:镶入

以内圆括号:&lt;&gt;

&则表示为:&amp

“则表示为:&quot;

表单方式

<table>

<thead></thead>

<tbody><tr><td></td></tr></tbody>

<tfoot></tfoot>

</table>

【二】:手写体

终端手写体(铁琴):<marquee>文本</marquee>

手写体涂黑:<b>文本</b>

手写体小写:<i>文本</i>

手写体转义:<u>文本</u>

手写体删掉线:<s>文本</s>

手写体加强:<big>文本</big>

手写体掌控大小不一:<h1>文本</h1>(当中手写体大小不一可以从h1—h6)

手写体掌控大小不一:<font size=”12px”>文本</font>

手写体掌控颜色:<font color=”颜色”>文本</font>(颜色的则表示方式:方式一:英语单词则表示;方式二:#000000~#ffffff)

手写体掌控颜色:<p style=”color: 颜色”>文体</p>(颜色的则表示方式:方式一:英语单词则表示;方式二:#000000~#ffffff)

原始手写体样式:<pre>文本</pre>

【三】:body标记的属性
HTML实用的网页代码大全
【四】:特殊样式

在新窗口打开连接:<a href=”要跳转的目标路径” target=”_blank”>要输入的文本</a> (target=_blank则表示用新窗口打开页面,一般出现在<a>标签中,target则表示链接在哪里打开,可以为它赋已经存在的窗口名或者一些默认的值,常见的一些默认的值有:_blank 新窗口 _self 自身 _parent 父窗口 _top 顶层窗口(框架中))

消除转义的连接:<a href=”要跳转的目标路径” style=”text-decoration: none” target=”_blank”>要输入的文本</a>

贴音乐:<embed src=”音乐地址” width=”宽度” height=”高度” type=audio/mpeg autostart=”false”>

贴页面:<iframe src=”页面地址” width=”宽度” height=”高度”></iframe>

贴flash:<embed src=”flash地址” width=”宽度” height=”高度”>

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

固定帖子背景不随滚动条滚动:<body background=”背景图片地址” body bgproperties=fixed>

帖子背景颜色:<body bgcolor=”颜色”> (颜色的则表示方式:方式一:英语单词则表示;方式二:#000000~#ffffff)

帖子背景音乐:IE:<body bgsound=”背景音乐地址” loop=infinite>或NS:<embed src=”背景音乐文件” autostart=true hidden=true loop=true> (bgsound是背景音乐的标签 src-所插入背景的URL(网址)。 loop-设置循环的次数,当值是-1或者Infinite 的时候则表示无限循环。 volume-音量,值为-10000到0之间,(不算直观)0是最大音量。 balance-声道,值为-1000到1000之间的值,负值将声音发送左声道,正值将声音发送右声道,0为立体声。 delay-是进行播放延时的设置)

贴页面:<iframe src=”目标地址” width=”宽度” height=”高度”></iframe>

忽略右键:<body οncοntextmenu=”return false”>和<body style=”overflow-y:hidden”>

拉动页面时背景图不动:

body{ background-image: url(“123.gif”); background-repeat: no-repeat; background-position: center; }
让浏览器保存页面失败:<NOSCRIPT><iframe src=”*.html”></iframe></NOSCRIPT>窗口定时关闭:
<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>方式一</title> <script language=”JavaScript”> function colseit() { setTimeout(“self.close()”,10000) } </script> </head> <body onload=”colseit()”> <p>我爱学习</p> <p>学习爱我</p> <p>沉迷学习</p> <p>无法自拔</p> </body> </html> <——————————————————–> <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>方式二</title> <style type=”text/css”></style> </head> <body onload=”setTimeout(window.close,3000)”> <p>我爱学习</p> <p>学习爱我</p> <p>沉迷学习</p> <p>无法自拔</p> </body> </html> <——————————————————–> <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>方式三</title> </head> <body bgcolor=”f0d070″ vlink=”3300fc”> <table border=”0″ width=”288″> <tr> <td class=”cc1″>自动关闭窗口示例</td> </tr> </table> <script language=”JavaScript”> function clock() { i=i-1; document.title=”本窗口将在”+i+”秒后自动关闭”; if(i>0) setTimeout(“clock()”,1000); else self.close(); } var i=10; clock(); </script> </body> </html>

页面自动刷新:

<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>页面自动刷新</title> <meta http-equiv=”refresh” content=”5″> <!–5为5秒后自动刷新–> </head> <body> <p>我爱学习</p> <p>学习爱我</p> <p>沉迷学习</p> <p>无法自拔</p> </body> </html>

页面自动跳转:

<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>页面自动跳转</title> <meta http-equiv=”refresh” content=”5;URL=demo1.html”> <!–5秒后自动跳转–> </head> <body> <p>哈哈</p> </body> </html>

返回上一页:

<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>返回上一页</title> </head> <body> <a href=”javascript:history.back(1)”>【返回上一页】</a> </body> </html>

关闭窗口:

<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>方式一</title> <script type=”text/javascript”> function show() { alert(“点击【确定】将自动关闭窗口”); window.opener=null; window.open(“”,”_self”); window.close(); } </script> </head> <body onload=”show()”> <p>我爱学习</p> <p>学习爱我</p> <p>沉迷学习</p> <p>无法自拔</p> </body> </html> <—————————————————–> <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>方式二</title> </head> <body> <a href=”javascript:self.close()”>【关闭窗口】</a> </body> </html>

取消选取:<body onselectstart=”return false”>

防止复制:<body οnpaste=”return false”>

防止粘贴:<body onselectstart=”return false”>

取消选取:<body onselectstart=”return false”>

删掉时确认:<a href=”javascript:if(confirm(确定要删掉吗?))location=boos.asp?&areyou=删掉&page=1″>删掉</a>

将IE地址栏前换成自己设定的图标:<link rel=”Shortcut Icon” href=”biaozhi1.ico”>(放在<head></head>之间)

在收藏夹显示自己设定的图标:<link rel=”Bookmark” href=”biaozhi1.ico”>(放在<head></head>之间)

永远带着框架:

<script language=”JavaScript”> if(window==top){top.location.href=”框架地址”;} </script>

简单的页面加密:

<script language=”JavaScript”> function loopy() { var sWord=””; while(sWord!=”login”){ sWord=prompt(“请输入你的登录密码”); alert(“登陆成功!”); } loopy(); } </script>

禁止使用Shift,Ctrl,Alt功能键:

<script> function look() { if(event.shiftKey){alert(“禁止使用Shift键”)} if(event.altKey){alert(“禁止使用Alt键”)} if(event.ctrlKey){alert(“禁止使用Ctrl键”)} } document.onkeydown=look; </script>

取消竖条滚动条:<body style=”overflow: scroll;overflow-y: hidden”>

取消横条滚动条:<body style=”overflow: scroll;overflow-x: hidden”>

取消滚动条(横条和竖条):<body scroll=”no”>

设定打开页面大小不一:<body οnlοad=”top.resizeTo(宽度,高度)”>

电子邮件处理提交表单:

<form name=”form1″ method=”post” action=”mailt****@***.com” enctype=”text/plain”> <input type=”submit”> </form>

检查一段字符串是否全由数字组成:

<script language=”JavaScript”> function checkNum(str) { return str.match()==null; } alert(checkNum(“121312312312”)); alert(checkNum(“190900m2312”)) </script>

改变光标形状:<span style=”cursor: move”>Auto</span>

HTML实用的网页代码大全
点击链接加入群聊【web前端技术群】:

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务