HTML实⽤的⽹页代码⼤全
【⼀】:符号
1. <p>段落</p>
2. <h>标题</h>(h1---h6)
3. <br>:换⾏
4. <hr>:分割线
5. 左右尖括号:<>
6. &表⽰为:&
7. "表⽰为:"
8. 表格形式
<table>
<thead></thead>
<tbody><tr><td></td></tr></tbody>
<tfoot></tfoot>
</table>
【⼆】:字体
1. 移动字体(⾛马灯):<marquee>⽂字</marquee>
2. 字体加粗:<b>⽂字</b>
3. 字体斜体:<i>⽂字</i>
4. 字体下划线:<u>⽂字</u>
unmistakable5. 字体删除线:<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>
html个人网页完整代码怎么看</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>
linux cpu使用率命令<p>沉迷学习</p>
<p>⽆法⾃拔</p>
</body>
</html>
6. ⽹页⾃动跳转:
<!DOCTYPE html>
win10虚拟机安装linux
<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">
equal vote怎么读<title>返回上⼀页</title>
</head>
<body>
ssti模板注入<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小时内删除。
发表评论