HTML实⽤的⽹页代码⼤全
【⼀】：符号
1. <p>段落</p>
2. <h>标题</h>(h1---h6)
3. <br>：换⾏
4. <hr>：分割线
5. 左右尖括号：<>
6. &表⽰为：&
7. "表⽰为："
8. 表格形式
Mpv是什么车<table>
<thead></thead>
<tbody><tr><td></td></tr></tbody>
<tfoot></tfoot>
</table>
【⼆】：字体
1. 移动字体（⾛马灯）：<marquee>⽂字</marquee>
2. 字体加粗：<b>⽂字</b>
3. 字体斜体：<i>⽂字</i>
4. 字体下划线：<u>⽂字</u>
5. 字体删除线：<s>⽂字</s>
6. 字体加⼤：<big>⽂字</big>
7. 字体控制⼤⼩：<h1>⽂字</h1>(其中字体⼤⼩可以从h1---h6)
8. 字体控制⼤⼩：<font size="12px">⽂字</font>
9. 字体控制颜⾊：<font color="颜⾊">⽂字</font>(颜⾊的表⽰⽅式：⽅式⼀：英语单词表⽰；⽅式⼆：#000000~#ffffff)
10. 字体控制颜⾊：<p >⽂体</p>（颜⾊的表⽰⽅式：⽅式⼀：英语单词表⽰；⽅式⼆：#000000~#ffffff）
11. 原始字体样式：<pre>⽂字</pre>
【三】：body标记的属性
属性功能
background控制⽹页背景（如：颜⾊，背景图⼤⼩等）
color控制字体颜⾊
font控制字体属性（如：字体）
【四】：特殊样式
1. 在新窗⼝打开连接：<a href="要跳转的⽬标路径" target="_blank">要输⼊的⽂字</a> （target=_blank表⽰⽤新窗⼝打开页⾯，⼀
般出现在<a>标签中，target表⽰链接在哪⾥打开，可以为它赋已经存在的窗⼝名或者⼀些默认的值，常见的⼀些默认的值有：_blank 新窗⼝ _self ⾃⾝ _parent ⽗窗⼝ _top 顶层窗⼝（框架中））
2. 消除下划线的连接：<a href="要跳转的⽬标路径" target="_blank">要输⼊的⽂字</a>
3. 贴⾳乐：<embed src="⾳乐地址" width="宽度" height="⾼度" type=audio/mpeg autostart="false">
4. 贴⽹页：<iframe src="⽹页地址" width="宽度" height="⾼度"></iframe>
5. 贴flash：<embed src="flash地址" width="宽度" height="⾼度">
6. 贴影视⽂件：<img dynsrc="⽂件地址" width="宽度" height="⾼度" start=mouseover>
7. 固定帖⼦背景不随滚动条滚动：<body background="背景图⽚地址" body bgproperties=fixed>
8. 帖⼦背景颜⾊：<body bgcolor="颜⾊"> （颜⾊的表⽰⽅式：⽅式⼀：英语单词表⽰；⽅式⼆：#000000~#ffffff）
9. 帖⼦背景⾳乐：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－是进⾏播放延时的设置)
10. 贴⽹页：<iframe src="⽬标地址" width="宽度" height="⾼度"></iframe>
11. 忽略右键：<body οncοntextmenu="return false">和<body >
12. 拉动页⾯时背景图不动：
body{
background-image: url("123.gif");
background-repeat: no-repeat;
background-position: center;
}
魔王的故事13. 让浏览器保存页⾯失败：<NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT>
14. 窗⼝定时关闭：
. <!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>
⽹页⾃动刷新：
<title>⽹页⾃动刷新</title>
<meta http-equiv="refresh" content="5">
<!--5为5秒后⾃动刷新-->
</head>
<body>
<p>我爱学习</p>
<p>学习爱我</p>
<p>沉迷学习</p>
<p>⽆法⾃拔</p>
</body>
</html>
6. ⽹页⾃动跳转：
<!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>
7. 返回上⼀页：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>返回上⼀页</title>
</head>
<body>
<a href="javascript:history.back(1)">【返回上⼀页】</a>
</body>
</html>
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>
9. 取消选取：<body onselectstart="return false">
0. 防⽌复制：<body οnpaste="return false">
1. 防⽌粘贴：<body onselectstart="return false">
2. 取消选取：<body onselectstart="return false">
3. 删除时确认：<a href="javascript:if(confirm('确定要删除吗？'))location='boos.asp?&areyou=删除&page=1'">删除</a>
4. 将IE地址栏前换成⾃⼰设定的图标：<link rel="Shortcut Icon" href="biaozhi1.ico">（放在<head></head>之间）
5. 在收藏夹显⽰⾃⼰设定的图标：<link rel="Bookmark" href="biaozhi1.ico">（放在<head></head>之间）
6. 永远带着框架：
<script language="JavaScript">
if(window==top){top.location.href="框架地址";}
</script>
7. 简单的页⾯加密：
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论