html5——简易个人主页
2024-05-15 18:41:10
页面展示：
源代码：
<!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>背景图片我也放在了：
水印我也没办法，想要原图的加我私聊
祝各位学业有成
html5——简易个人主页相关推荐
- HTML5简易在线画图工具
HTML5简易在线画图工具 原文:HTML5简易在线画图工具 继上次学习了HTML5的路径画圆做了动态时钟.异次元空间的反转做了运动的太阳系,这两天将画线.画圆.填充等知识点结合起来做了一个简易的在线 ...
- 百度SEO HTML5蓝色个人主页博客整站模板
简介: HTML5蓝色个人主页博客整站模板是一款简洁好看的个人博客网站模板下载.aspku提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢. 下载地址: http://www.bytepan. ...
- 用html制作个人站点,【制作个人网站】如何在网上制作自己的网页?如何用html5制作个人主页?制作个人网页设计思路是怎样的?...
[制作个人网站]如何在网上制作自己的网页?如何用html5制作个人主页?制作个人网页设计思路是怎样的?下面就和小编一起来看看吧! 如何在网上制作自己的网页? 网站设计的八个步骤现在看到的工具越来越多, ...
- HTML5简单个人主页设计
类似QQ空间的效果,因为没过多要求就不再美化了,各个图片链接和主页什么的链接需要留言 效果图: ** html文件: ** <!doctype html> 无标题文档 welcom to ...
- HTML5简易课程表（表格的制作）
简易课程表的制作,只需使用到表格标签,未添加样式 编写如下课程表: 课程表 时 间 课程名称 教室 备注 上午 8:00 - 9 : 30 Html ...
- 开源html5小游戏6,html5简易小游戏 - strip_liu的个人空间 - OSCHINA - 中文开源技术交流社区...
有点啰嗦,将就的看看吧 Title *{margin: 0;padding: 0} body{background: black} #div1{background: white;width: 600 ...
- HTML5简易涂鸦板制作
运行效果 代码中主要要学会阅读英文单词,务必认真学习English 代码清单1 <!DOCTYPE html> <html><head><meta chars ...
- php做一个网页的源代码,用HTML5做一个个人网站此文仅展示个人主页界面。内附源代码下载地址...
下载说明: 1.再好的作品都不如将来要做的作品.在每一次的设计当中都能有所收获,才是设计师在web开发中最得益的. 2.本站所有作品均是杨青个人设计.如果发现模板有错,请尽情谅解. 3.如果遇到什么问 ...
- 机械转行前端，半年零基础自学的心路历程
机械转行前端,半年零基础自学的心路历程 标签: 转行 自学 原创:Michael.Lu 277133779@qq .com 转载注明出处 这是初级群(西安初级前端群:4983126)里边的一次分享,然 ...
最新文章
- centos7grub2 引导win10
- 求两个数的最大公因数
- Linux下安装MySQL5.6
- 敏捷水手——单体法到微服务之旅
- mxnet深度学习(NDArray)
- service: no such service mysqld 与 MySQL 的开启、关闭和重启
- python 生成随机数的几种方法
- 【OpenCV新手教程之十四】OpenCV霍夫变换：霍夫线变换，霍夫圆变换合辑
- windows系统中Dotnet core runtime 安装后，无法启动次程序，因为计算机中丢失api-ms-win-crt-runtime-l1-1-0.dll的解决方法...
- reflection java_Java Reflection (JAVA反射)
- 【codeforces】【01字符串匹配】Equalize【Manthan, Codefest 18 (rated, Div. 1 + Div. 2)】
- 熊猫的python小课账号_校长，我要上车——python模拟登录熊猫TV
- Delphi单元文件Unit详解
- 离差（全距，平均偏差，半内四分位数间距，10~90百分位数间距，标准差）
- 内码转换技术 (转)
- 一名SM是怎么炼成的（之一锻炼领导力）
- Unquotted string 错误
- PaaS平台如何实现简化应用开发和部署
- 华为机试 经验（血泪史啊）
- 青少年软件编程等级考试 python-青岛全国青少年软件编程等级考试—Python