HTML+CSS个人主页_1、编写一个html个人主页，实现电子相册、个人简介、心情日志以及与我联系板块。资源-CSDN文库

共16个文件

jpg：9个

png：4个

project：1个

HTML

需积分: 43 23 浏览量 2018-04-19 21:20:52 上传评论 7 收藏 4.49MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

个人主页HTML+CSS.rar （16个子文件）

个人主页HTML+CSS

css

my.css 4KB

.project 2KB

index.html 14KB

img

4.jpg 3.98MB

zhuanfa.png 459B

pinglun.png 406B

tree.png 6KB

bookpic.jpg 31KB

zan.png 613B

1.jpg 37KB

me.jpg 21KB

7.jpg 40KB

9.jpg 338KB

2.jpg 17KB

8.jpg 23KB

5.jpg 27KB

<!DOCTYPE html> <html>  <head> <meta charset="UTF-8"> <title>邢cat的主页</title> <link rel="stylesheet" type="text/css" href="css/my.css" /> </head> <body>  <div class="header"> <div class="pic_box"> <img class="picture" src="img/me.jpg" /> </div>  <div class="my_name"> <span><h1>邢 Heng</h1></span> </div> </div>  <div class="nav"> <span> <a class="choose" style="margin-left: 0;" href="#">首页</a> <a class="choose" href="#photograph">相册</a> <a class="choose" href="#reading">读书</a> <a class="choose" href="#life">动态</a> </span> </div>  <hr align="center" width="50%" /> <hr align="center" width="40%" /> <hr align="center" width="30%" />  <div class="know_me"> <p> <a href="http://www.aiit.edu.cn/" target="_blank">安徽信息工程学院</a>1606班</p> <p>爱好读书</p> </div>  <p class="text" id="photograph">photo album</p> <div class="photograph"> <div class="pictures">  <ul class="box"> <li title="美丽文津"><img class="photo" src="img/1.jpg"></li> <li title="新芜图书馆"><img class="photo" src="img/9.jpg" /></li> <li title="文津的路"><img class="photo" src="img/4.jpg" /></li> <li title="亭子"><img class="photo" src="img/7.jpg" /></li> <li title="雾中体育馆"><img class="photo" src="img/5.jpg" /></li> <li title="夕阳下的湖"><img class="photo" src="img/8.jpg" /></li> </ul> </div> </div>  <div id="see_more_pic"> <div class="see_more_pic_right"> <a href="https://user.qzone.qq.com/1048261060/">查看更多</a> </div> </div>  <p class="text" id="reading">my books</p> <div class="reading">  <div class="reading_after"> <div> <h3>    已经阅读  :</h3> </div> <ol> <li>《A English Looks at the world》</li> <li>《二十四重人格》</li> <li>《岛上书店》</li> <li>《Oliver Twist》</li> <li>《人间失格》</li> <li>《中国通史》</li> <li>《大国的崩溃》</li> <li>《永恒的边缘》</li> <li>《爱你就像爱生命》</li> <li>《在细雨中呼喊》</li> <li>《人类简史》</li> </ol> </div>  <div class="reading_now"> <div class="reading_right_left">  <div class="book_pic"> <img src="img/bookpic.jpg" /> </div>  <div class="book_detil"> <span>正在阅读：《南渡北归》</span> <p>作者：岳南</p> <p style="text-align: left;">内容介绍：</p> <p style="text-align: left; letter-spacing: 3px;">     首部全景描述20世纪中国最后一批大师命运的史诗巨著。 </p> </div> </div>  <div class="book_sentence"> <p>    王国维在他的《人间词话·贰陆》云：“'古今之成大事业、大学问者、必经过三种之境界：'昨夜西风凋碧树。独上高楼，望尽天涯路。'此第一境也。'衣带渐宽终不悔，为依消得人憔悴'。此第二境也。众里寻他千百度，回头蓦见，那人正在灯火阑珊处，是第三境也。</p> <p>    王国维在他的《人间词话·贰陆》云：“'古今之成大事业、大学问者、必经过三种之境界：'昨夜西风凋碧树。独上高楼，望尽天涯路。'此第一境也。'衣带渐宽终不悔，为依消得人憔悴'。此第二境也。众里寻他千百度，回头蓦见，那人正在灯火阑珊处，是第三境也。</p> <p>    王国维在他的《人间词话·贰陆》云：“'古今之成大事业、大学问者、必经过三种之境界：'昨夜西风凋碧树。独上高楼，望尽天涯路。'此第一境也。'衣带渐宽终不悔，为依消得人憔悴'。此第二境也。众里寻他千百度，回头蓦见，那人正在灯火阑珊处，是第三境也。</p> <p>    王国维在他的《人间词话·贰陆》云：“'古今之成大事业、大学问者、必经过三种之境界：'昨夜西风凋碧树。独上高楼，望尽天涯路。'此第一境也。'衣带渐宽终不悔，为依消得人憔悴'。此第二境也。众里寻他千百度，回头蓦见，那人正在灯火阑珊处，是第三境也。</p> <p>    王国维在他的《人间词话·贰陆》云：“'古今之成大事业、大学问者、必经过三种之境界：'昨夜西风凋碧树。独上高楼，望尽天涯路。'此第一境也。'衣带渐宽终不悔，为依消得人憔悴'。此第二境也。众里寻他千百度，回头蓦见，那人正在灯火阑珊处，是第三境也。</p> <p>    王国维在他的《人间词话·贰陆》云：“'古今之成大事业、大学问者、必经过三种之境界：'昨夜西风凋碧树。独上高楼，望尽天涯路。'此第一境也。'衣带渐宽终不悔，为依消得人憔悴'。此第二境也。众里寻他千百度，回头蓦见，那人正在灯火阑珊处，是第三境也。</p> <p>    王国维在他的《人间词话·贰陆》云：“'古今之成大事业、大学问者、必经过三种之境界：'昨夜西风凋碧树。独上高楼，望尽天涯路。'此第一境也。'衣带渐宽终不悔，为依消得人憔悴'。此第二境也。众里寻他千百度，回头蓦见，那人正在灯火阑珊处，是第三境也。</p> <p>    王国维在他的《人间词话·贰陆》云：“'古今之成大事业、大学问者、必经过三种之境界：'昨夜西风凋碧树。独上高楼，望尽天涯路。'此第一境也。'衣带渐宽终不悔，为依消得人憔悴'。此第二境也。众里寻他千百度，回头蓦见，那人正在灯火阑珊处，是第三境也。</p> <p>    王国维在他的《人间词话·贰陆》云：“'古今之成大事业、大学问者、必经过三种之境界：'昨夜西风凋碧树。独上高楼，望尽天涯路。'此第一境也。'衣带渐宽终不悔，为依消得人憔悴'。此第二境也。众里寻他千百度，回头蓦见，那人正在灯火阑珊处，是第三境也。</p> <p>    王国维在他的《人间词话·贰陆》云：“'古今之成大事业、大学问者、必经过三种之境界：'昨夜西风凋碧树。独上高楼，望尽天涯路。'此第一境也。'衣带渐宽终不悔，为依消得人憔悴'。此第二境也。众里寻他千百度，回头蓦见，那人正在灯火阑珊处，是第三境也。</p> <p>    王国维在他的《人间词话·贰陆》云：“'古今之成大事业、大学问者、必经过三种之境界：'昨夜西风凋碧树。独上高楼，望尽天涯路。'此第一境也。'衣带渐宽终不悔，为依消得人憔悴'。此第二境也。众里寻他千百度，回头蓦见，那人正在灯火阑珊处，是第三境也。</p> <p>    王国维在他的《人间词话·贰陆》云：“'古今之成大事业、大学问者、必经过三种之境界：'昨夜

评论收藏

内容反馈