使⽤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="HTMLm1.JPG" width="200px" height="260px">
<img src="HTMLm2.JPG" width="200px" height="260px">
<img src="HTMLm3.JPG" width="200px" height="260px">
<img src="HTMLm4.JPG" width="200px" height="260px">
<img src="HTMLm4.JPG" width="200px" height="260px">
<img src="HTMLm5.JPG" width="200px" height="260px">
<img src="HTMLm6.JPG" width="200px" height="260px">
<img src="HTMLm7.JPG" width="200px" height="260px">
<img src="HTMLm8.JPG" width="220px" height="260px">
<img src="HTMLm9.JPG" width="280px" height="260px">
<img src="HTMLm10.JPG" width="270px" height="260px">
<img src="HTMLm11.JPG" width="200px" height="260px">
<img src="HTMLm1.JPG" width="200px" height="260px">
<img src="HTMLm2.JPG" width="200px" height="260px">
<img src="HTMLm3.JPG" width="200px" height="260px">
<img src="HTMLm4.JPG" width="200px" height="260px">
</body>
</html>
<html>
<head>
<title>我的计划</title>
</head>
<body background="HTMLpink.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>
<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="HTMLc3.jpg" width="300px" height="260px">
<img src="HTMLc4.jpg" width="300px" height="260px">
<img src="HTMLc5.jpg" width="300px" height="260px"></center>
<h4>中国的天空之镜</h4>
<p>汽车飞奔在辽阔的315国道上，公路两旁是⼀望⽆际的茫茫草原，草原的远⽅是蔚蓝⾊的湖⽔，在绿草盈盈的原野上散发出神秘的幽蓝⾊光芒。湖滨的地势平坦开阔，草丛中的格桑花正开得热烈，深深浅浅的紫、浓淡不⼀的粉，如繁星般点缀着整⽚草原。汽车飞驰，⼀处处藏民的帐篷飞快地从眼前掠过，当天边的雪⼭逐渐清晰起来时，我们忍不住惊呼起来：“终于到了，
茶卡盐湖！”海拔3100多⽶的茶卡盐湖是⼀座天然结晶盐湖，坐落在青海湖的西南⽅向、海西蒙古族藏族⾃治州乌兰县茶卡镇附近，被誉为柴达⽊东⼤门，历史上曾是商贾、游客进疆⼊藏的必经之地。
“茶卡”在藏语中意为盐池，也就是青盐的海。茶卡盐湖与塔尔寺、青海湖、孟达天池齐名，被称作“青海四⼤景”。茶卡盐湖是柴达⽊盆地四⼤盐湖中最⼩的⼀个，东西长15.8公⾥，南北长9.2公⾥，呈椭圆形。盐湖的总⾯积⼤约有105平⽅公⾥，相当于10个杭州西湖⼤⼩。在这⾥，天是湖的⼀部分，湖是天的补充，似真似幻，远处⽔与天已没有明显的界限。</p>
<img src="HTMLc1.jpg" width="300px" height="260px">
<img src="HTMLc2.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><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>
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论