html5——简易个人主页
一个简单的个人主页网页，作者水平有限，作品有不足，欢迎指正
·
页面展示：
源代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>张三的个人主页</title>
<style type="text/css">
h1{color: red;}
p{font-size: 18px;}
.one{width: 1500px;
height: 100px;
line-height: 100px;
background-color: aqua;
font-size:30px;
font-weight: bold;
}
.father{border:8px solid:blue;
border-radius: 100px/50px;}
.box{height: 100px;
line-height: 100px;
font-size:18px;
font-weight: bold;
float: right;}
</style>
</head>
<body background="./38E7492015AF8BD08200ADD42C2D4702.jpg">/*插入背景照片*/
<h1 align="center"><strong>个人主页</strong></h1>
<div class="one"> <a href="#onel">我的的简介</a>
<a href="#twol">学校简介</a>
<a href="#threel">我的兴趣</a>
<a href="#fourl">我的故事</a></div>
<fieldset>
<legend><font color="skyblue" size="8px">个人简介</font></legend>
<h1 id="onel" align="center"><strong>我的简介</strong></h1>
<img class="father" src="2E8C5CE9C028FBCCDF39DE4D93CE153C.jpg"/>/*插入你的帅照*/
<div class="box">
姓名 : 张三<br/>
性别 : 男<br/>
本人性格开朗，待人友好，为人诚实谦虚。工作勤奋，认真负责，能吃苦耐劳，尽职尽责，有耐心。具有亲和力，平易近人，善于与人沟通。<br/>
目前就读于江西师大。</div>
</fieldset>
<fieldset>
<legend><font color="skyblue" size="8px">学校简介</font></legend>
<h1 id="twol" align="center"><strong>江西师范简介</strong></h1>
<img class="father" src="./8E6B1762B3961BF56DA348D03FC1EF21.jpg"/>/*插入学校照片*/
<p><strong>江西师范校园里有迷人的四季:桃红柳绿的春天，花繁叶茂的夏天，枫红菊香的秋天，松青雪白的冬天。
操场中间有一块绿色的草坪，同学们都愿意三五成群地到草坪上去读书、玩耍，那琅琅的读书声,常常吸引着操场外面的行人。
走进校园，三栋乐学楼拔地而起，再走近一点，你就会听见同学们琅琅的读书声。走到乐学楼三楼，往下望去，操场上的景色尽收眼底。操场上，有的同学在打羽毛球，有的同学在打蓝球,有的同学在打排球... .. 同学们的笑声在操场上回荡。
校园里最美丽的地方，就要属我们寄宿部前的花坛了。春天，柳树发芽了，抽出了一条条嫩芽,就像一个小姑娘在风中舞蹈。夏天，许多不知名的野花开放了，它们红似火，白如雪，粉如霞,黄塞金，美丽极了。秋天，菊花争先恐后地开放，有的像瀑布，有的像小绒球...冬天，松柏就像一-个士兵，在守护着这个花坛。
</strong></p>
</fieldset>
<fieldset>
<legend><font color="skyblue" size="8px">我的兴趣</font></legend>
<h1 id="threel" align="center"><strong>我的兴趣</strong></h1>
<p><strong>我喜欢的电影</strong></p>
<ul>
<li>《华强卖瓜》</li>
<li>《极乐静土》</li>
<li>《我是云南的》</li>
<li>《新宝岛》</li>
</ul>
<p><strong>我最喜欢的运动</strong></p>
<ul>
<li>乒乓球</li>
<li>羽毛球</li>
<li>跑步</li>
<li>睡觉</li>
</ul>
<p><strong>我还喜欢听音乐，看书，画画等活动。</strong></p>
</fieldset>
<fieldset>
<legend><font color="skyblue" size="8px">我的故事</font></legend>
<h1 id="fourl" align="center"><strong>请编写我的故事</strong></h1>
<form action="../" method="post">
主角：
<input type="text" value="张三" maxlength="6"/><br>
性别：<br>
<input type="radio" name="sex" checked="checked"/>男<br>
<input type="radio" name="sex" />女<br>
编写故事：
<input type="text" placeholder="请编写一个我的故事" />
<input type="submit" />
</form>
</fieldset>
</body>
</html>背景图片我也放在了：
水印我也没办法，想要原图的加我私聊
祝各位学业有成
为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。
更多推荐
10
0- 0
已为社区贡献1条内容
所有评论(0)