使用HTML制作一个简单的个人主页_简单个人主页-程序员宅基地
此网页是我对html有了一个简单，初步的认识后制作的一个网页，主要目的是练习html的一些简单操作，由于时间关系，有很多做的不好，细节处理不到位的地方。
废话不多说，先来看效果
1、首页
这一个网页就是进行了网页背景、背景音乐、段落的处理、水平线以及超链接的简单练习。
2、我的相册
这一页主要是对大量图片进行一个排版的练习
3、我的计划
这一页主要是对文本有序无序以及表格内部的背景颜色等等的练习
4、我的家乡
这一部分是对段落的细节处理、还有文本与图片结合的练习
5、我的故事
这个是对表格进阶版的练习，文字都是随便写的。这边其实还可以处理的更加合理，比如说大三下面那段文字可以从左向右排版，而不只是放在中间，由于时间关系，我就没有实现。
下面是代码
<html>
<head>
<title>马哈哈的个人主页</title>
</head>
<body background="HTML\主页背景.jpg" >
<h1><p align="center"><font color="black" face="楷体">自我介绍</font></p></h1>
<hr size="3px" color ="red">
<center>  <a href="马哈哈.html">首页</a>
            <a href="我的相册.html">我的相册</a>
            <a href="我的计划.html">我的计划</a>
            <a href="我的家乡.html">我的家乡</a>
            <a href="我的故事.html">我的故事</a></center>
<embed height="50" width="300" src="HTML\初见.mp3" />
</br>
</br>
</br>
</br>
<center><font size ="5" face="楷体" color="white">欢迎来到马哈哈的个人主页！！！</font></br>
<font size ="5" face="楷体" color="white">祝你每天都有好心情哦</font></br></center>
</body>
</html>
<html>
<head>
<title>我的相册</title>
</head>
<body>
<img src="HTML\m1.JPG" width="200px" height="260px">
 <img src="HTML\m2.JPG" width="200px" height="260px">
 <img src="HTML\m3.JPG" width="200px" height="260px">
 <img src="HTML\m4.JPG" width="200px" height="260px">
 <img src="HTML\m5.JPG" width="200px" height="260px">
 <img src="HTML\m6.JPG" width="200px" height="260px">
 <img src="HTML\m7.JPG" width="200px" height="260px">
 <img src="HTML\m8.JPG" width="220px" height="260px">
 <img src="HTML\m9.JPG" width="280px" height="260px">
 <img src="HTML\m10.JPG" width="270px" height="260px">
 <img src="HTML\m11.JPG" width="200px" height="260px">
 <img src="HTML\m1.JPG" width="200px" height="260px">
 <img src="HTML\m2.JPG" width="200px" height="260px">
 <img src="HTML\m3.JPG" width="200px" height="260px">
 <img src="HTML\m4.JPG" width="200px" height="260px">
</body>
</html>
<html>
<head>
<title>我的计划</title>
</head>
<body background="HTML\pink.jpg" <!--bgsound="HTML\天外来物.html"-->>
<h2><p align="center"><font color="blue" face="黑体">我的计划</font></p></h2>
<hr size="1px" color="black" widt"500px">
<h2><font face="楷体" color="red" >大三计划</font></h2>
<!--有序显示-->
<ol type="1">
<li>拿到计算机二级证书</li>
<li>准备2021年英语六级考试
<!--表格-->
<!--每天背30个单词
一周至少听两次英语听力
后期每天做一篇阅读理解-->
<table border="1" ><!--border=0或者直接不写border这个属性表格就是没有边框的-->
<tr>
<td bgcolor="red">  </td>
<td bgcolor="blue">项目</td>
</tr>
<tr>
<td bgcolor="yellow">第一</td>
<td bgcolor="yellow">每天背30个单词</td>
</tr>
<tr>
<td bgcolor="georgian">第二</td>
<td bgcolor="green">一周至少听两次英语听力</td>
</tr>
<tr>
<td bgcolor="gray">第三</td>
<td bgcolor="gray">> 后期每天做一篇阅读理解</td>
</tr>
</table>
</tr>
<li>坚持上和讯的课程
<li>坚持学习编程
<li>争取大三暑期能够去实习
</ol>
<h2><font face="楷体" color="red" >大四计划</font></h2>
<!--无序显示-->
<ul>
<li>找到好工作</li>
<li>顺利毕业</li>
<li>来一场毕业旅行</li>
</ul>
</body>
</html>
<html>
<head>
<title>马哈哈的家乡</title>
</head>
<body background="HTML\纯蓝.jpg">
<h1><p align="center"><font color="gray" face="楷体">大美青海</font></p></h1>
<h4>青海湖</h4>
<p>青海湖，藏语名为“措温布”（意为“青色的海”）。
位于青藏高原东北部、青海省境内，中国最大的内陆湖、咸水湖。
由祁连山脉的大通山、日月山与青海南山之间的断层陷落形成。</p>
<p>2012年7月30日，青海省气象科学研究所最新的遥感监测结果显示，青海湖面积持续8年增大。
2014年10月20日9时50分，青海湖海心山北侧出现“龙吸水”壮观场景。</p>
<h4>形成演变</h4>
<h5>  <font face="楷书" color="gray">形成原因</font></h5>
<p>青海湖的构造断陷湖，湖盆边缘多以断裂与周围山相接。距今20～200万年前成湖初期，形成初期原是一个大淡水湖泊，与黄河水系相通，那时气候温和多雨，湖水通过东南部的倒淌河泄入黄河，是一个外流湖。至13万年前，由于新构造运动，周围山地强烈隆起，
从上新世末，湖东部的日月山、野牛山迅速上升隆起，使原来注入黄河的倒淌河被堵塞，迫使它由东向西流入青海湖，出现了尕海、耳海，后又分离出海晏湖、沙岛湖等子湖。</p>
<h5>  <font face="楷书" color="gray">境域变化</font></h5>
<p>由于外泄通道堵塞，青海湖遂演变成了闭塞湖。加上气候变干，青海湖也由淡水湖逐渐变成咸水湖。北魏时青海湖的周长号称千里，唐代为400公里，清乾隆时减为350公里。在布哈河三角洲前缘约20公里处有古湖堤遗址；距湖东岸25公里处的察汉城（建于汉代），原在湖滨。东西两边已分别退缩25公里和20公里，水位下降约100米。青海湖呈椭圆形，周长300余公里。</p>
 <img src="HTML\青海湖1.jpg" width="300px" height="260px" alt="青海湖二郎剑景区">
 <img src="HTML\青海湖2.jpg" width="300px" height="260px" alt="青海湖">
 <img src="HTML\青海湖3.jpg" width="300px" height="260px" alt="青海湖与天空">
 <img src="HTML\青海湖4.jpeg" width="300px" height="260px" alt="油菜花">
<h4>茶卡盐湖</h4>
<p>在苍茫雄浑的中国西北大地上，在面积约为20万平方公里的柴达木盆地中，有一种独具特色的自然景观，那就是神秘而美丽的高原盐湖。这些盐湖星罗棋布在高原之上，有的与雪山为邻，把绵延的山峦和皑皑的白雪倒映湖中；有的静卧在荒漠里，四周围绕着白色的盐带，宛若戴上银白色的项圈。
其中，最让人神往的就是隐匿在祁连山和昆仑山之间的茶卡盐湖了。高浓度的卤水造就了茶卡盐湖水天一色的纯净之美，许多目睹过它美丽容颜的人们都将它称作“蓝色的海洋”。远望积盐似雪，近看白云倒影，如镜面一般的湖面折射着蔚蓝色的天空和雪白的云朵，美得令人窒息。</p>
<center> <img src="HTML\c3.jpg" width="300px" height="260px">
   <img src="HTML\c4.jpg" width="300px" height="260px">
   <img src="HTML\c5.jpg" width="300px" height="260px"></center>
<h4>中国的天空之镜</h4>
<p>汽车飞奔在辽阔的315国道上，公路两旁是一望无际的茫茫草原，草原的远方是蔚蓝色的湖水，在绿草盈盈的原野上散发出神秘的幽蓝色光芒。湖滨的地势平坦开阔，草丛中的格桑花正开得热烈，深深浅浅的紫、浓淡不一的粉，如繁星般点缀着整片草原。汽车飞驰，一处处藏民的帐篷飞快地从眼前掠过，当天边的雪山逐渐清晰起来时，我们忍不住惊呼起来：“终于到了，
茶卡盐湖！”海拔3100多米的茶卡盐湖是一座天然结晶盐湖，坐落在青海湖的西南方向、海西蒙古族藏族自治州乌兰县茶卡镇附近，被誉为柴达木东大门，历史上曾是商贾、游客进疆入藏的必经之地。
“茶卡”在藏语中意为盐池，也就是青盐的海。茶卡盐湖与塔尔寺、青海湖、孟达天池齐名，被称作“青海四大景”。茶卡盐湖是柴达木盆地四大盐湖中最小的一个，东西长15.8公里，南北长9.2公里，呈椭圆形。盐湖的总面积大约有105平方公里，相当于10个杭州西湖大小。在这里，天是湖的一部分，湖是天的补充，似真似幻，远处水与天已没有明显的界限。</p>
   <img src="HTML\c1.jpg" width="300px" height="260px">
   <img src="HTML\c2.jpg" width="300px" height="260px">
</body>
</html>
<html>
<head>
<title>关于马哈哈的故事</title>
<body background="HTML\楼.jpg">
<!--<pre><center><h2><font color="maroon" face="宋体"><i>大一 懵懂无知</h2></center></pre>
<pre><center><h2><font color="navy" face="宋体"><i>大二 找到方向</h2></center></pre>
<pre><center><h2><font color="teal" face="宋体"><i>大三 坚定向前</h2></center></pre>-->
<table>
<tr>
<td><center><h4><font face="楷书" color="red">大一</font></h4></center></td>
<td> </td>
<td><center><h4><font face="楷书" color="red">大二</font></h4></center></td>
</tr>
<tr>
<td>大一上学期的时候，很多同学还处于熟悉周围环境，适应大学生活，
忙于各种学生会社联会社团之间，一切觉得新鲜而又充实。</br>
确实，刚来大学的我们，压力也不需要那么重，但不是没有方向。依据学校要求不同，大一上学期一般是可以报名英语四级的，
如果没有的话，可以考虑先做做四六级的题等下学期再报，当然，如果整个大一都报不了四六级的话，你可以选择报考初级会计，国家计算机二级，这都是在大一可以考虑的，关于需不需要报班，
在于自己自学能力如何，自己考虑好以后做决定就行了。</br>
</td>
<td> </td>
<td>到了大二，我们基本上已经适应了整个大学的生活，应该说大多数同学
已经知道可以考证了，
甚至开始为自己量身定制计划。大二的我们，在大一的基础上，
如果没有通过四六级和国二，应该继续为此而努力。
大二上把绩点刷高，提前修掉大三上的专业课。
别虚和学长姐一起上课，他们也什么都不懂。
多参加模拟法庭。尽量参加理律杯或者贸仲杯。如果你大一考过托福110+肯定没问题的。当然还有各种小比赛。
比如成才杯金法槌什么的。别因为没准备好就错过。</td>
</tr>
<tr>
<td> </td>
<td></br></br></br><center><h4><font face="楷书" color="red">大三</font></h4></center></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td></br></br>大三上出国交换。尽量是卓越计划吧。
这就要求大二上尽量把大三的专业课先上了。
虽然说着大四可以补，但实际上没有时间的。</td>
<td> </td>
</tr>
</table>
</body>
</head>
</html>
智能推荐
apt-get update 出错时解决方案_apt-get update 报错-程序员宅基地
文章浏览阅读417次。当 apt-get update 指令报错时 Failed to fetch http://archive.canonical.com/ubuntu/dists/xenial/InRelease Temporary failure resolv更换系统源也没有作用,这时一般是dns解析有问题 sudo vim /etc/resolv.conf 增加一行 nam..._apt-get update 报错
Conflux观点 | 被吹爆的Facebook Libra白皮书，Out了-程序员宅基地
文章浏览阅读388次。“为全球数十亿人提供简单、无国界的货币和金融基础设施”的宏大愿景，加上“《财富》500 强或管理资产 10 亿美元以上，以及每年在多个国家/地区为超过2000万人提供服务..._state machine replication in the libra blockchain
通信系统对如何绘制误码率曲线的思考-程序员宅基地
文章浏览阅读7k次，点赞4次，收藏49次。1：信噪比SNR、EsN0、EbN0 转化关系 Es,N0,EsN0,EbN0,SNR关系详解_Cowrie168的博客-程序员宅基地_ebn0和snr重点公式：SNR = EbN0 + 10log10(nBits*coderate) - 10log10(0.5or1 * upfactor);note：转化关系出错会导致与理想误码率之间相差3db2：验证绘制误码率曲线与理想误码率一致性 方式一：matlab中有通过bertool 工具绘制相应常规的调制方式的误码率..._误码率曲线
几个最短路径算法Floyd、Dijkstra、Bellman-Ford、SPFA的比较_请设计测试dijkstra算法,floyd算法,bellman-ford算法性能的python代码,-程序员宅基地
文章浏览阅读1.4k次。几个最短路径算法的比较：Floyd 求多源、无负权边的最短路。用矩阵记录图。时效性较差，时间复杂度O(V^3)。 Floyd-Warshall算法（Floyd-Warshall algorithm）是解决任意两点间的最短路径的一种算法，可以正确处理有向图或负权的最短路径问题。Floyd-Warshall算法的时间复杂度为O(N^3)，空间复杂度为O(N^2)_请设计测试dijkstra算法,floyd算法,bellman-ford算法性能的python代码,三种算法各
AI 虚拟试衣 论文汇总-程序员宅基地
文章浏览阅读240次。猜您喜欢：深入浅出stable diffusion：AI作画技术背后的潜在扩散模型论文解读戳我，查看GAN的系列专辑~！一顿午饭外卖，成为CV视觉的前沿弄潮儿！最新最全100篇汇总！生成扩散模型Diffusion ModelsECCV2022 | 生成对抗网络GAN部分论文汇总CVPR 2022 | 25+方向、最新50篇GAN论文ICCV 2021 | 35个主题GAN论文汇总超110篇！C..._ai试穿论文参考文献近三年怎么写
SpringBoot+Mybatis+MySQL实现读写分离_springboot+mybatisplus+mysql主从读写分离-程序员宅基地
文章浏览阅读218次。在Springboot中使用数据库主从复制实现读写分离，操作数据时操作主表，查询操作使用从表。我就直接跳过创建SpringBoot应用的步骤了，直接开始操作如何配置读写分离。1、我的Maven依赖如下，大家可以复制<?xmlversion="1.0"encoding="UTF-8"?><projectxmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema..._springboot+mybatisplus+mysql主从读写分离
随便推点
STM32 USB HID Mouse And Keyboard (guide)_motion wakeup-程序员宅基地
文章浏览阅读921次。There is apost (STM32 And Custom USB HID Device? Yes Please!)that gets a lot of attention, although at the time it was created, only vague “how-to” was presented. I decided to break down this to smaller parts of modifying STM32 USB HID code, generated ..._motion wakeup
圆角按钮_mfc按钮设置圆角-程序员宅基地
文章浏览阅读413次。2013-05-24 12:45 1197人阅读 评论(0) 收藏 举报[cpp] view plaincopyprint? 第一步：往项目中添加MyButton.h 和MyButton.cpp 两个文件。第二步：然后将自己需要的BitMap文件导入。第三步：在项目工程的CARMDlg::OnInit_mfc按钮设置圆角
java中的Volatile_java 保守优化 激进优化 volatile-程序员宅基地
文章浏览阅读142次。目录Volatilehappens-before你的打赏是我奋笔疾书的动力！Volatile 掌握好Volatile的概念是理解Doug Lea的AQS的前提，如果你学习AQS的时候，不想一脸茫然和胸塞虚竹的话，还是先来看一下JMM（java内存模型）对volatile的写和读的内存语义的描述。 volatile写和锁的释放有相同的内存语义..._java 保守优化 激进优化 volatile
vue及rect面试点(更新中) - 面试篇_vue rect-程序员宅基地
文章浏览阅读1.2k次。文章目录一、事件的执行顺序阻止事件冒泡的方式二、事件循环 EventLoop三、异步编程的方法1.回调函数2.事件监听3.发布/订阅 ｜ 观察者模式4.Promise 对象5.Generator 函数6.async 与 await四、call、apply、bind 的区别call fn.call(obj, 1, 2);apply fn.apply(obj, [1, 2]);bind fn.bind(obj, 1, 2);五、vue 和 react 中不被渲染出来的标签六、js 里 for..in 和 for_vue rect
设计模式--工厂方法模式（FactoryMethod）_工厂方法模式的结构图示例如下图所示。-程序员宅基地
文章浏览阅读942次。工厂方法模式（FactoryMethod）在现实生活中社会分工越来越细，越来越专业化。各种产品有专门的工厂生产，彻底告别了自给自足的小农经济时代，这大大缩短了产品的生产周期，提高了生产效率。同样，在软件开发中能否做到软件对象的生产和使用相分离呢？能否在满足“开闭原则”的前提下，客户随意增删或改变对软件相关对象的使用呢？这就是本节要讨论的问题。工厂方法模式的定义与特点工厂方法（Factor..._工厂方法模式的结构图示例如下图所示。
ES深分页、浅分页_es中scroll分页原理-程序员宅基地
文章浏览阅读3.8k次。ES深分页、浅分页_es中scroll分页原理