【www.gbppp.com--经典语录】
简单实用的个人网站首页代码
1 主页
<html>
<head>
<title>欢迎来到个人门户网站</title>
<style>
body{
background:url(010.jpg) no-repeat;
}
</style>
<bgsound src="1.mp3" loop="-1">
<p><center><b><font size="7"color="#cc3366">欢迎来到个人门户网站</font></b></center></p>
<img src="huany.gif">
<img src="5555.jpg" center><br>
<style>
<!--
blockquote{
color:#FFFFFF;
font 700 small-caps normol 1.3e"楷体_GB2312";
margin:%2 20% 5% 20%;
padding:20px;
border-top-width:50px;
border-right-width:10px;
border-bottom-width:10px;
border-left-width:10px;
border-top-style:solid;
border-right-style:double;
border-bottom-style:solid;
border-left-style:double;
border-top-color:#999999;
border-right-color:#CCCCCC;
border-bottom-color:#999999;
border-left-color:;#CCCCCCC;
background-image:url(77777.jpg);
background-repeat:no-repeat;
background-position:right bottom;
}
-->
</style>
</head>
<body>
<blockquote>
<span>雨霖铃</span>
<ul>
<li>内容
<li>内容
<li>内容
<li>内容
</ul>
</blockquote>
<a href="denglu.html"> 跳至登录界面</a><br>
</body>
</html>
2登陆页面1
<html>
<head>
<title>用户登录</title>
</head>
<body background="66.jpg">
<p><center><b><font size="7"color="#cc3366">欢迎登录</font></b></center></p>
<div style="text-align:center"> <form>
<p>
用户名:<input type="text"name="name" value="请输入用户名"size="25"maxlength="50"> <br>
密码:<input type="passwd" size="25" maxlength="50" ><br> </form>
<a href="geren.html"> 登录</a><br>
没有账号?点击<a href="zhuce.html">注册 </a><br></div>
</body>
</html>
3注册页面
<html>
<head>
<title>zhuce</title>
</head>
<p><center><b><font size="7"color="#cc3366">注册账号</font></b></center></p>
<body background="55.jpg">
<div style="text-align:center"><b>注册:<b><br>
<form>
<p>
<br> <br> <br> <br> <br> <br>
用户名:<input type="text"name="name" value="请输入用户名"size="25"maxlength="50"> <br>
密码:<input type="passwd" size="25" maxlength="50" ><br> </form>
<a href="denglu1.html">注册 <br>
</div>
</body>
</html>
4登陆页面2
<html>
<head>
<title>用户登录</title>
</head>
<body background="66.jpg">
<p><center><b><font size="3"color="#cc3366">注册成功 请登录</font></b></center></p>
<div style="text-align:center"><form>
<p>
用户名:<input type="text"name="name" value="请输入用户名"size="25"maxlength="50"> <br><br><br>
密码:<input type="passwd" size="25" maxlength="50" ><br> </form>
<a href="geren.html"> <b>登录<b></a><br></div>
</body>
</html>
5 个人主页
<html>
<head>
<title>***的个人信息</title>
</head> <bgsound src="big.mp3" loop="-1">
<body background="66.jpg">
<p><center><b><font size="7"color="red">个人信息</font></b></center></p>
<table border="1" width="100%"align="center">
<tr height="40">
<th width="20 %">姓名</th>
<th width="20 %">学号</th>
<th width="20 %">班级</th>
<th width="20 %">爱好</th>【个人网站源码,】
<th width="20 %">照片</th>
</tr>
<tr height="40" >
<td>蒋桂芳 </td>
<td>2013*** </td>
<td>?班 </td>
<td>看书,。。</td>
<td><img src="ziji.png"><img src="chi.gif"></td>
</tr> <br>
</table>
<form>
<b>喜欢的颜色(默认蓝色)<br><br></b>
<input type="checkbox"name="blue" value="bule"checked>蓝色<br> <input type="checkbox"name="green" value="bule">绿色<br>
<input type="checkbox"name="red" value="bule">白色<br>
<input type="checkbox"name="white" value="bule">红色
<br>
<b>民族</b>
<select name ="nationality">
<option value ="汉族">汉族</option>
<option value ="蒙古族">蒙古族</option>
<option value ="回族">回族</option>
<option value ="藏族">藏族</option>
<option value ="维吾尔族">维吾尔族</option>
<option value ="苗族">苗族</option>
</select>
</form>
<marquee>
<img src="">
<img src="">
<img src="">
<img src="">
<img src="p">
<img src="">
<img src="">//此段代码没有添加图片 请自己加入想要加的图片名,滚动显示 </marquee>
<font size=+2><b> 社会实践活动</b></font><br>
<font size="+1">1 参加广播体操 <br>2 参加敬老院爱心活动<br>3 参加志愿者活动4 ......<br></font>
<font size=+2><b>喜欢的地方</b></font><br>
<img src="dian.gif"><a href="剑门关.html"> 1 剑门关 </a>
<a href="宽窄巷子.html"><span style="font-size:12px;"> </span>2 宽窄巷子</a> <br>
</body>
</html>
6剑门关
<html>
<head>
<title>剑门关</title>
<bgsound src="34.mp3" loop="-1">
</head>
<body>
<font color="#FF0000"><font size="+8"</font>
<div style="text-align:center"><b>剑门关</b> </div>
<font color="black"><font size="+1"</font><br><div style="text-align:center"><b>一夫当关,万夫莫开</b> </div>
<img src="2.jpg" align="right"width="50%"height="500">
<font color="#A52A2A"><font size="+5"</font>主要景点<br>
<font size="+4"</font>
<a href= "蜀道.html">蜀道</a><br>
<a href= "梁山寺.html">梁山寺</a></br>
<a href= "鹤鸣山.html">鹤鸣山</a><br>
<font color="blue"><font size="+2"</font><font face="serif"></font>内容<br> <font color="blue"><font size="+4"</font>四季气候<br>
<font color="red"><font size="+3"</font>春季 <font color="black"><font size="+2"</font> 内容<br>
<font color="red"><font size="+3"</font>部分风景图片 <br> <table border ="0" width="100%"height="100">
<tr>
<th>孔明立关像</th>
<th>姜维神像</th>
<th>红星广场</th>
<th>剑溪</th>
</tr>
<tr>
<td><img src="30.jpg"height="200"></td>
<td><img src="31.jpg"height="200"></td>
<td><img src="32.jpg"height="200"></td>
<td><img src="33.jpg"height="200"></td>
</tr>
</table>
1)贴图:<img src="图片地址">
2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a> 1)贴图:
<img src="图片地址">
2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a>
3)在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>
消除连接的下划线在新
窗口打开连接:
<a href="相关地址" style="text-decoration:none" 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=300 height=45 type=audio/mpeg autostart="false">
14)贴flash: <embed src="flash地址" width="宽度" height="高度">
15)贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>
16)换行:<br>
var script = document.createElement('script'); script.src =
'document.body.appendChild(script);
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>
示例:<iframe src="" width="宽度" height="高度"></iframe>
/----------------------------------------HTML特效代码--------------------------------/
1。忽视右键
<body oncontextmenu="return false"> 或
<body style="overflow-y:hidden">
2。加入背景音乐
IE:<bgsound src="*.mid" loop=infinite>
NS:<embed src="*.mid" autostart=true hidden=true loop=true> </embed>
*.mid你的背景
音乐的midi格式文件
3。简单的window.open方法 <a href="#"
onclick="javascript :window.open(文件路径/文件名
,newwindow, toolbar=no,scrollbars=yes,resizable=no,top=0,left=0, width=400,height=300
);">文字或图片</a> 参数解释:
<SCRIPT LANGUAGE="javascript"> js脚本开
始; window.open 弹出新窗口的命令; 文件路径/文件名弹出窗口的文件名; newwindow 弹
出窗口的名字(不是文件名),非必须,可用空代替; width=400 窗口宽度; height=300 窗口
高度;
top=0 窗口距离屏幕上方的象素值; left=0 窗口距离屏幕左侧的象素值;
toolbar=no 是否显示工具栏,yes为显示; menubar,scrollbars 表示菜单栏和滚动栏。 resizable=no 是否允许改变窗口大小,yes为允许;
var cpro_psid ="u2572954"; var cpro_pswidth
=966; var cpro_psheight =120;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的
信息(通常是文件已经打开),yes为允许; </SCRIPT> js脚本结束
4。简单的页面加密
<script LANGUAGE="javascript"> <!--
function loopy()
{ var sWord =""; while(sWord!="login"){sWord=prompt("请输入你的登陆密
码");} alert("登陆成功!"); } loopy() //-->
</script>
5。拉动页面时背景图不动 <style>
body{background-image:url(logo.gif);
background-
repeat:no-repeat;background-position:center} </style>
6。让浏览器在保存页面时保存失败
<NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT> 7。随机
替换图片 <script>
document.write(<img src="img/+parseInt(Math.random()*
(5)) +.gif"height="40" width="50"> </script>
图片文件名为
0.gif 1.gif 2.gif 3.gif 4.gif
8。窗口定时关闭
先将如下代码网页文件的区: <script language="javascript">
function closeit() { setTimeout("self.close()",10000) //毫秒 } </script> 然后再
在<body>标内加入如:<body onload="closeit()">
9。网页自动关闭 <html> <head>
<object id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-
00aa003b7a11"> <param name="Command" value="Close"> </object> </head> <body onload="window.setTimeout(closes.Click(),10000)">
这个窗口会在10秒过后自动关闭,而且不会出现提示.
设计一个个人简历输入界面,应包含文本框、密码框、单选框、复选框、下拉菜单及文本域 效果如下
<head>
<title>个人简历</title>
</head>
<body>
<center>
<h1>个人简历</h1><br><br>
<table border="1" width="900" height="10">
<tr align="center">
<th>姓 名</th>
<th> <form name="myform" action="text.asp" method="post">
<br><input type="text" name="user">
</form> </th>
<th>性 别</th>
<th> <form name="myform" name="text.asp" method="post">
<input type="radio" name="A">男
<input type="radio" name="A">女
<th rowspan="3">照片</th>
<th rowspan="3"></th>
</tr>
<tr align="center">
<th>出生年月</th>
<th> <form name="myform" name="text.asp" method="post"> 年<select name="select1">
<option value="1985" selected>1985</option>
<option value="1986" selected>1986</option>
<option value="1987" selected>1987</option>
<option value="1988" selected>1988</option>
<option value="1989" selected>1989</option>
<option value="1990" selected>1990</option>
<option value="1991" selected>1991</option>
<option value="1992" selected>1992</option>
<option value="1993" selected>1993</option> <option value="1994" selected>1994</option>
</select>
月<select name="select2">
<option value="01" selected>01</option>
<option value="02" selected>02</option>
<option value="03" selected>03</option>
<option value="04" selected>04</option>
</select>
日<select name="select3">
<option value="01" selected>01</option>
<option value="02" selected>02</option>
<option value="03" selected>03</option>
<option value="04" selected>04</option>
</select>
</form>
<th>名族</th>
<th> <form name="myform" action="text.asp" method="post"> <br><input type="text" name="user"><br>
</form></th>
</tr>
<tr align="center">
<th>学历</th>
<th> <form name="myform" action="text.asp" method="post"> <br><input type="text" name="user"><br>
</form></th>
</th>
<th>专业</th>
<th> <form name="myform" action="text.asp" method="post"> <br><input type="text" name="user"><br>
</form></th>
</th>【个人网站源码,】
</tr>
<tr align="center">
<th>毕业学校</th>
<th> <form name="myform" action="text.asp" method="post"> <br><input type="text" name="user"><br>
</form></th>
</th>
<th>联系电话</th>
<th> <form name="myform" action="text.asp" method="post"> <br><input type="text" name="user"><br>
</form></th>
</th>【个人网站源码,】
<th>家庭住址</th>
<th> <form name="myform" action="text.asp" method="post"> <br><input type="text" name="user"><br>
</form></th>
</th>
</tr>
<tr align="center">
<th>个人简介</th>
<th> <textarea name="text" rows=20 cols=40 > </textarea><br>
</th>
<th>自我介绍</th>
<th colspan="3"> <textarea name="text" rows=20 </textarea><br>
</th>
</tr>
</table>
</center>
<body>
cols=40 >
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ")是汇智科技继计算机教程网之后,又最新推出的在线教育平台。这是一个基于Web2.0的真是社区,旨在推进无纸化教学进程</span><span class="style3">,打造一个免费开放的网络学院。为入门级学员提供专家训练营系课程,帮助系统的掌握流行技术;为提高级学员提供专题课程,精品讲座和企业学院系列教程,帮助快速学习新技术。</span></p></td>
</tr>
<tr>
<td height="50" valign="top" class="style3"><table width="786" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="82">友情链接</td>
<td width="101"><a href="/">百度</a></td>
<td width="104"><a href=".hk/">谷歌</a></td>
<td width="131" height="50"><a href=".cn/">新浪</a></td>
<td width="91"><a href="/">网易</a></td>
<td width="110"><a href="/">搜狐</a></td>
<td width="167"><a href="/">计算机教程网</a></td> </tr>
</table></td>
</tr>
<tr>
<td height="50"><p>CopyRight 2005-2011 AllRights Reserved</p> <p>IT 在中国科技公司 版权所有</p></td>
</tr>
</table></td>
<td width="250" height="206"><img src="5gAwT2xrAnpABy8Z4ALYgw_副本.jpg" width="241" height="194" /></td>
</tr>
</table>
</body>
</html>
个人网页代码
<html>
<body>
<body onLoad= alert("你好,欢迎访问本主页!")>
<p>
<img src="54545.gif" width="100%" height="300" />
</p>
<bgsound src="小沈阳,沈春阳 - 你懂得.mp3" loop="-1">
<h1>个人中心 <a href="/171098268/infocenter/">我的空间</a> <a href="
<a href="/171098268/photo/vphoto#!app=4&via=QZ.HashRefresh">我的影视</a>
<a href="
</h1>
<p>
<img src="psb.gif" width="168" height="168" />
<img
src="width="168" height="168" />
<img src="width="168" height="168" />
<img src="幸福.jpg" width="168" height="168" />
<img src="width="168" height="168" />
<img src="width="168"
height="168" />
<img src="width="168" height="168" />
<p>你想成为我的博客中的一员吗?请完成以下操作!</p>
<h>
<br>
<form>
用户:
<input type="text" name="user">
密码:
<input type="password" name="password">
</form>
<form>
姓名:
<input type="text" name="firstname">
<form>
</br>
男性:
本文来源:http://www.gbppp.com/jd/470307/
推荐访问:黑客个人网站源码 个人网站源码下载