DW个人网站设计练习作业

本文链接：
https://blog.csdn.net/qq_44419470/article/details/103494034

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>**的个人网站</title><link href="../css/jianjie.css" rel="stylesheet" type="text/css">
</head><body><div id="box" class="w1000 margin_0_auto bg_luoye"><div id="biaoti" class="h200"><h1>**的个人网站</h1><p class="p body">青春和现在的区别就是，有时我分不清，哪滴是眼泪，哪滴是汗水，因为它们的温度和咸度，都像烟花，那么凉。</p>         </div><hr style="background-color:#F97133; height: 2px;width:800px"><div id="daohang"><ul>            <li class="li"><a href="jianjie.html">简介</a></li><li class="li"><a href="rizhi.html">日志</a></li><li class="li"><a href="#">相册</a></li><li class="li"><a href="#">音乐</a></li><li class="li"><a href="#">漫画</a></li></ul><hr style="background-color:#F97133; height: 2px;width: 800px"></div><div id="neirong">      <div id="jianjie"><img src="../images/renwu.jpeg" class="float_left padding30"><h2>个人简介:</h2><ul><li>姓名：**</li><li>生日：*****</li><li>星座：金牛座</li><li>爱好：听音乐、漫画</li><li>身高：162cm；体重：43kg</li><li>个性签名：逃避和抱怨是没有任何益处的，唯有振作起来全力以赴地去解决问题才是上策。</li></ul><div class="clear_both"></div></div><div id="jingli_geyan"><div id="jingli" class="float_left padding30"><h2>学习经历:</h2><hr style="width: 350px"><p>**年**月；******小学</p><p>**年**月；******中学</p><p>**年**月；******高级中学</p><p>**年**月；******</p><hr style="width: 350px"></div><div id="geyan" class="float_left padding_gy"><h2>我的格言:</h2><ol><li  class="padding_wz">梦想跌跌撞撞，怎会没有悲伤。</li><li  class="padding_wz">能够荒废的喜欢就不是真正的喜欢</li><li  class="padding_wz">每天把一件事做到极致就是极好的</li><li  class="padding_wz">成功没有偶然</li>                    <li  class="padding_wz">既然我天生笨拙，那就用坚定去补</li></ol></div><div class="clear_both"></div>      </div><div id="lianxifangshi" class="float_left padding30"><h2>联系方式：</h2><p class="p">邮箱：*******</p><p class="p">联系电话：*******</p><div class="clear_both"></div></div><hr style="width:800px"></div><div id="banquan" class="padding_bq"><pre>版权所有:@******* ******* ***</pre></div></div>
</body>
</html>

@charset "utf-8";
/* CSS Document */
h1{padding: 25px 20px 30px;
}
.p{text-indent: 5em;
}
.body{font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"
}
.w1000{width: 1000px;
}
.margin_0_auto{margin: 0 auto;
}
.h200{height: 200px;
}
.bg_luoye{background-image:url(../images/luoye.jpg);background-repeat: no-repeat;background-position:top;
}
.float_left{float: left;
}
.padding30{padding: 15px 40px 0 80px;
}
.padding_gy{padding: 35px 30px 0px 80px;
}
.padding_wz{padding: 3px 0 0 0;
}
.padding_bq{padding: 0 350px;
}
.li{list-style:n;float:left;margin-left: 80px;width:100px;
}
.clear_both{clear: both;
}
#daohang ul{list-style: none;
}
#neirong ul{list-style: none;
}

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>**的个人网站</title><link href="../css/rizhi.css" rel="stylesheet" type="text/css">
</head><body><div id="box" class="margin_0_auto bg_beiying w1000" ><div id="daoyu" class="h200"><p class="p body">走过的路，是否还记得它的坎坷；看过的云，是否已经遗忘它的形状。记忆深处，若隐若现，终究不如文字深刻。我愿用文字记录生活的点滴，用文字镌刻生命的美好，用文字书写你我的缘分。</p></div><hr style="background-color:#F97133; height: 2px;width: 800px"><div id="daohang"><ul>            <li class="li"><a href="jianjie.html">简介</a></li><li class="li"><a href="#">日志</a></li><li class="li"><a href="#">相册</a></li><li class="li"><a href="#">音乐</a></li><li class="li"><a href="#">漫画</a></li></ul><hr style="background-color:#F97133; height: 2px;width: 800px"></div><div neirong><div id="agan"><img src="../images/yangguang.jpg" class="float_left padding0"><p class="padding20 p">I don't think that when people grow up, they will become more broad-minded and can accept everything. Conversely, I think it's a selecting process, knowing what's the most important and what's the least. And then be a simple man. </p><p class="padding15 p">我不觉得人的心智成熟是越来越宽容涵盖，什么都可以接受。相反，我觉得那应该是一个逐渐剔除的过程。知道自己最重要的是什么。知道不重要的东西是什么。而后，做一个简单的人。 ——《阿甘正传》</p>      <hr style="background-color:#F97133; height: 1px;width: 400px"><div class="clear_both"></div></div><div id="xiaowangzi" class="p padding0 float_right"><img src="../images/xiaowangzi.jpg" class="padding0 float_right"><p>It is the time you have wasted for your rose that makes your rose so important.</p><p>你在你的玫瑰花身上耗费的时间使得你的玫瑰花变得如此重要。——《小王子》</p><p>And now here is my secret, a very simple secret. It is only with the heart that one can see rightly; what is essential is invisible to the eyes.</p><p>这是我的一个秘密，再简单不过的秘密：一个人只有用心去看，才能看到真实。事情的真相只用眼睛是看不见的。——《小王子》</p><hr style="background-color:#F97133; height: 1px;width: 400px" class="float_left"></div><hr style="background-color:#F97133; height: 1px;width: 450px"><div feiniaoji><img src="../images/pugongying.jpg" class="float_left padding0"><p>Wrong cannot afford defeat but right can.</p><p>错误经不起失败，但是真理却不怕失败。——《飞鸟集》</p><p> What you are you do not see, what you see is your shadow.</p><p>你看不见你自己，你所看见的只是你的影子。——《飞鸟集》</p><p> If you shed tears when you mithe sun, you also mithe stars.</p><p>如果你因失去了太阳而流泪，那么你也失去了群星。——《飞鸟集》</p>   </div><div class="clear_both"></div></div><hr style="width:900px"><div id="banquan" class="padding_bq"><pre>版权所有:@******* ******* ***</pre></div></div>
</body>
</html>

@charset "utf-8";
/* CSS Document */
#daoyu{padding: 80px 85px 40px 300px;
}
.w1000{width: 1000px;
}
.margin_0_auto{margin: 0 auto;
}
.h200{height: 50px;
}
.p{text-indent: 2em;
}
.body{font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;
}
.bg_beiying{background-image:url(../images/beiying.jpg);background-repeat: no-repeat;background-position:top;
}.float_left{float:left;
}
.float_right{float:right;
}
.padding0{padding: 5px 30px 5px 40px;
}
.padding20{padding: 20px 210px 0 30px;
}
.padding15{padding: 5px 270px 0 30px;
}
.padding_bq{padding: 0 350px;
}
.clear_both{clear: both;
}
.li{list-style:n;float:left;margin-left: 80px;width:100px;
}
#daohang ul{list-style: none;
}

DW个人网站设计练习作业相关推荐

web期末网站设计大作业：动漫网站设计——龙猫(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计动漫漫画网页设计
web期末网站设计大作业:动漫网站设计--迪斯尼公主(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码常见网页设计作业题 ...
asp. net sqlsever旅游管理系统动态网站设计制作作业成品
模板说明: asp. net sqlsever旅游管理系统动态网站设计制作作业成品.前台: 新闻动态/旅游风景/旅游攻略(列表详情).留言发布查看.用户注册登录退出.后台: 用户管理(查看删除) ...
HTML5期末大作业：英雄联盟网站设计——英雄联盟LOL(4页) HTML+CSS+JavaScript web期末网站设计大作业
HTML5期末大作业:英雄联盟网站设计--英雄联盟LOL(4页) HTML+CSS+JavaScript web期末网站设计大作业常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商 ...
web期末网站设计大作业：鲜花网站设计——鲜花礼品在线购物网站设计(21页) HTML+CSS+JavaScript web前端课程设计 web前端课程设计代码 web课程设计 HTML网页制作
HTML5期末大作业:鲜花网站设计--鲜花礼品在线购物网站设计(21页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品常见网页设 ...
java/ mysql企业动态网站设计制作作业成品
java/jsp mysql企业动态网站作业成品应用 myeclips mysql开发,企业动态网页设计作业成品中插入 banner图片轮播效果.js图文横向动效果:企业动态页制作作业包括前台和后台, ...
HTML+CSS大作业网站设计——英雄联盟LOL(4页) HTML+CSS+JavaScript web期末网站设计大作业
HTML5期末大作业文章目录 HTML5期末大作业一.作品展示二.文件目录三.代码实现四.获取更多源码一.作品展示二.文件目录三.代码实现 <!DOCTYPE html> ...
web期末网站设计大作业：关于制作网页主题论述——HTML+CSS+JavaScript橙色的时尚服装购物商城(1页)
常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游戏. 节日. ...
我的DW个人网站设计——安徽宣城6页HTML+CSS+JavaScript
家乡旅游景点网页作业制作网页代码运用了DIV盒子的使用方法,如盒子的嵌套.浮动.margin.border.background等属性的使用,外部大盒子设定居中,内部左中右布局,下方横向浮动排列,大 ...
web期末网站设计大作业(中华传统文化主题学生网页设计源码)
web期末网站设计大作业：基于HTML+CSS+JavaScript制作新能源汽车企业网站

DW个人网站设计练习作业

DW个人网站设计练习作业相关推荐

最新文章

热门文章

DW个人网站设计 练习作业

DW个人网站设计 练习作业相关推荐

最新文章

热门文章

DW个人网站设计练习作业

DW个人网站设计练习作业相关推荐