【HTML】极简个人主页设计
基于HTML的极简个人主页设计
- 效果图
- 源代码
效果图
源代码
主入口
<html><frameset cols="250,*"><frame src="导航.html"><frame src="哈利的简介.html" name="showframe"></frameset></html>导航
<html><body><a href="哈利的简介.html" target="showframe">个人简介</a><br/><a href="未来规划.html" target="showframe"> 未来规划</a><br>
<a href="我的相册.html" target="showframe">爱好:摄影作品展示</a><br>
<a href="https://blog.csdn.net/wei2019_?spm=1011.2124.3001.5343" target="showframe">个人博客</a><br></body>
</html>
主页面
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>2020-12-25</title><link rel="stylesheet" href="https://stackedit.io/style.css" />
</head><body class="stackedit" background = "背景图2.jpg">
<embed src="未来.mp3" hidden="true" autostart="true" loop="true"><div class="stackedit__html"><h1><a id="_0"></a><strong>个人的基本情况</strong></h1>
<ul>
<img src = "我的照片.jpg" width="180" height="230" align = "right">
<li>姓名：小哈利</li>
<li>学院：格兰芬多</li>
<li>爱好： 学习人类的计算机算法 魁地奇球 </li>
<li>我的博客：<a href="https://blog.csdn.net/wei2019_?spm=1011.2124.3001.5343">一杭6174</a></li>
</ul><br>
<h1><a id="_9"></a><strong>教育经历</strong></h1>
<p> 霍格沃茨魔法学院 2019级<br>
<br></p>
<h1><a id="_14"></a><strong>兴趣爱好</strong></h1>
<ul>
<li>算法</li>
<li>运动</li>
<li>魁地奇球</li>
</ul>
</div>
</body></html>未来规划
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>2020-12-25</title><link rel="stylesheet" href="https://stackedit.io/style.css" />
</head><body class="stackedit" background="背景图2.jpg"><div class="stackedit__html"><h1><a id="2020__2021__0"></a>2020 - 2021 个人规划</h1>
<ul>
<li>学会幻影移形 这样就可以在早点到食堂吃饭了！ 500 h+</li>
<li>国际魁地奇球魔法竞赛 金牌</li>
<li>背过中级魔法师手册的全部咒语！</li>
<li>搞懂人类的算法</li>
<li>打败伏地魔</li>
</ul>
<h1><a id="2021__2022__8"></a>2021 - 2022 个人规划</h1>
<ul>
<li>争取去南方上学，人类世界的北方太冷了 哭</li>
</ul>
</div>
</body></html>相册
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>我的相册</title><embed src="" hidden="true" autostart="true" loop="true"></head><body><p><img src="004.jpg"> <img src="002.jpg" > <img src="0001.jpg" alt=“02” > <br><img border="0" src="back.jpg" align="right" width="70" height="40"></a></p></body>
</html>【HTML】极简个人主页设计相关推荐
- 怎么做极简ui设计？UI界面设计中的极简原则【萧蕊冰】
怎么做极简ui设计?近几年,互联网的飞速发展引起了科技领域的巨大浪潮,UI设计行业需求大量专业优秀人才,吸引了很多想要学习UI设计的人.UI设计也就是用户界面的设计,作为引导用户快速正确使用产品的主要 ...
- 炫界 (302) -(查动简)_家居照明之埃克苏Line系列吊灯：简直主义，把极简几何设计发挥得淋漓尽致...
原标题:家居照明之埃克苏Line系列吊灯:"简""直"主义,把极简几何设计发挥得淋漓尽致 这一次,埃克苏把极简几何设计发挥得淋漓尽致!全新推出埃克苏Line系列 ...
- 电影海报页面设计Html5,清新简单：以电影为题材的极简海报设计作品
清新简单:以电影为题材的极简海报设计作品 9月 14, 2013 评论 Sponsor 之前设计达人发布过一些极简主义设计(Minimal Design)的网页作品,这些设计运用手法很多,通过直线.几 ...
- 新鲜出炉的React博客系统源码，极简主义设计，手机端可自适应，超级简单，带部署文档与演示视频加截图
新鲜出炉的React博客系统源码,极简主义设计,手机端可自适应,超级简单,带部署文档与演示视频加截图. 使用技术: 客户端前端:Next.js + React 管理端前端:React + Ant De ...
- 极简主义设计的魅力在哪里
简约并不意味着原始,这是两个截然不同的概念.而极简主义设计种大量的留白也并不等同于空.在 Joshua Becker 的<The More of Less>书中是这样说的: 你并不需要更多 ...
- 518抽奖软件：极简主义设计的践行者
软件用途 用于企业年会抽奖,通过电脑连接LED或投影仪,实现大屏幕随机滚动抽取照片.号码.姓名的电脑软件.软件自带音效.精美的背景图,可以提升大中型年会的气氛.也可用于婚庆等其它场所. 开发原因 市面 ...
- 现代极简高级设计——带你走进都市精英的家
结合多部现代都市剧的粗略统计,剧中的精英住宅,一半以上都走现代极简风路线!! 剧里剧外都备受青睐的现代极简风家居装修,究竟厉害霸道在哪里? 被宠到万年热度直升不下的特定风格,必然做到把审美和内涵双重拿 ...
- 一个极简数据库设计技巧，都带着哲学
点击蓝色"有关SQL"关注我哟 加个"星标",天天与10000人一起快乐成长 图 | 榖依米 很多老读者都知道,我入行那些年,主要写 MIS 软件系统. MIS ...
- 第37件事 极简设计的3个方面
极简设计是相对于过度设计来说的,极简主义设计已经被描述为最基本的设计,剔除了多余的元素.色彩.形状和纹理,以及流程和步骤.它的目的是使内容更为突出并成为焦点.极简主义设计意味着平静,将思想带回本真,回 ...
- 极简风海报设计灵感作品欣赏
极简主义设计本来就是一个时代人们对生活状态的一种反应.极简主义的产生或许就是人们生活态度和审美方式的一种映射.在这个繁杂的世界中,人们开始关注更加纯正的东西,无论是绘画.设计.甚至是人们的生活方式,人 ...
最新文章
- spring计划任务
- Shiro的Base64和MD5加密的使用
- pc receiver2.0.3_【工控笔记】WINCC 7.4与博途V15.1仿真软件S7PLCSIM V15 通信
- android studio多屏幕,为多个屏幕实现多个布局但在android studio 2.1中无法工作
- 细粒度图像分类_1.1、 图片分类
- 上海1.3万座玻璃幕墙建筑“一网统管”
- 【Linux 线程】常用线程函数复习《三》
- SAP屏幕设计器专题：页签控件（八）
- matlab 实用程序片段
- grid studio python_Grid studio表格应用程序：Python的集大成者
- 搞了很久终于突破了一点瓶颈，fighting!!!!!!!!!!!!!!!!
- Windows 10 KB3124200补丁无法安装的临时解决方案
- 巴特沃斯、切比雪夫、贝塞尔滤波器详解：（区别，特点，电路图）
- 怎么让自媒体文章原创度变高？原创度达到多少才算合格？
- 博途仿真PLC与第三方客户端通信
- 杂牌机刷入Xposed框架
- 资深 Googler 深度解读 TensorFlow
- 大神详解开源 BUFF 增益攻略丨直播
- [JZOJ4274] [NOIP2015模拟10.28B组] 终章-剑之魂 解题报告(二进制)
- 解决pytorch当中RuntimeError: expected scalar type Double but found Float的问题