时间：2023-10-08 04:00:01 | 来源：网站运营
时间：2023-10-08 04:00:01 来源：网站运营
HTML人物介绍、个人设计web前端大作业、贝聿铭人物介绍(带报告3000字)：精彩专栏推荐 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 作者主页: 【主页—— 获取更多优质源码】 web前端期末大作业： 【 毕设项目精品实战案例 (1000套) 】 程序员有趣的告白方式：【 HTML七夕情人节表白网页制作 (110套) 】 超炫酷的Echarts大屏可视化源码：【 echarts大屏展示大数据平台可视化(150套) 】 免费且实用的WEB前端学习指南： 【 web前端零基础到高级学习视频教程 120G干货分享】 关于作者: 历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 坚持原创，热衷分享，初心未改，继往开来！
在线咨询
Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。 其中： （1） html文件包含：其中index.html是首页、其他html为二级页面； （2） css文件包含：css全部页面样式,文字滚动, 图片放大等； （3） js文件包含：js实现动态轮播特效, 表单提交, 点击事件等等（个别网页中运用到js代码）。<!doctype html><html><head><meta charset="utf-8"><title>贝聿铭</title><link rel="stylesheet" type="text/css" href="css/css.css"></head><body><!--head begin--> <header id="head"> <div class="con"> <div class="left"> <div class="lle"><img src="pictures/lu/lu7.jpg" width="60px" height="60px"/></div> <span id="word1">贝聿铭</span> <span id="word2"> 一生用建筑征服世界</span> </div> <div class="right"><a href="register.html" target="new">┋注册┋</a></div> </div> </header><!--head end--><!--nav begin--> <nav> <div class="nav_in"> <div class="navbox"><a href="index.html" target="new">首 页</a></div> <div class="navbox"><a href="shengping.html" target="new">人物生平</a></div> <div class="navbox"> <div class="dropdown"> <a href="works.html"><button class="dropbtn">主要作品</button></a> <div class="dropdown-content"> <a href="works.html">•卢浮宫金字塔</a> <a href="works.html">•杭州香山饭店</a> <a href="works.html">•香港中银大厦</a> <a href="works.html">•杭州博物馆</a> </li> <li> </li> <li></li> <li> </div> </div> </div> <div class="navbox"><a href="shipin.html" target="new">人物视频</a></div> <div class="navbox"><a href="fengcai.html" target="new">个人风采</a></div> </div> </nav><!--nav end--><!--banner begin--><div class="benner"> <div class="left1"> <div class="tr"><img src="pictures/renxiang/ren12.png" height="200px" width="200px"></div> <p>贝聿铭</br>（Ieoh Ming Pei）</br>1917年4月26日-2019年5月16日</br>美籍华人建筑师</br>美国艺术与科学院院士</br>中国工程院外籍院士</br>土木专家</p> </div> <div class="right1"> <img src="pictures/lun/lun11.gif" /> </div></div><!--banner end--><!--content begin--><div class="content"> <div class="conone"> <div class="childone1"> <p class="pb">人物简介</p> <p> <ul class="ps"> <li> <b>中文名:</b>贝聿铭</li> <li> <b>外文名：</b>Ieoh Ming Pei</li> <li> <b>国 籍:</b>美国</li> <li> <b>祖 籍:</b>浙浙江州</li> <li> <b>出生地：</b>浙江杭州 </li> <li> <b>出生日期：</b>1917年4月26日</li> <li> <b>逝世日期：</b>2019年5月16日 </li> <li> <b>毕业院校：</b>哈佛大学 </li> <li> <b>职 业：</b>建筑设计师 </li> <li> <b>代表作品:</b>卢浮宫金字塔、东海大学路思义等</li> <li> <b>主要成就：</b>：1979年获得美国建筑学会金奖<br/> 1981年获得法国建筑学金奖<br/> 1983年获得普利兹克奖</li> </ul> </div> <a href="register.html" target="new"> <div class="childone2"> 点此注册 </div> </a> </div> <div class="contwo"> <div class="childtwo1"> <p class="pb">个人风采<a href="fengcai.html" target="new"><span class="spa">→由此进入</span></a></p> <div><img src="pictures/renxiang/lu10.jpg" width="300" /></div> </div> <div class="childtwo2"> <p class="pb">人物视频<a href="shipin.html" target="new"><span class="spa">→由此进入</span></a></p> <div><img src="pictures/renxiang/lu11.jpg" width="300" /></div> </div> </div> <div class="conthree"> <div class="childthree1"> <p class="pb">主要作品<a href="works.html" target="new"><span class="spa">→由此进入</span></a></p> <p> <ul class="ps"> <li>•卢浮宫金字塔</li> <li> •杭州香山饭店</li> <li>•香港中银大厦</li> <li>•杭州博物馆</li> </ul> </p> </div> <div class="childthree2"> <p class="pb">人物生平<a href="shengping.html" target="new"><span class="spa">→由此进入</span></a></p> <p> <ul class="ps"> <li>•1917--1946 <br/>1917年4月26日，贝聿铭出生于杭州，为杭州望族之后。</li> <li> •1948--1963 <br/> 1948年，贝聿铭以优异的成绩从麻省理工大学毕业并任哈佛大学建筑系助理教授，从波士顿剑桥小镇（Cambridge）搬到大城市纽约。</li> <li>•1964--1979<br/> 1964年，为纪念已故美国总统约翰·肯尼迪，贝聿铭在波士顿港口设计了约翰·肯尼迪图书馆。</li> <li>•1980--2019<br/>1980年，法国总统密特朗邀请贝聿铭翻修卢浮宫,后贝聿铭从事务所退休，退休后他在世界各地做了许多博物馆设计。 </li> </ul> </p> </div> </div></div><!--content end--><!--footer begin--> <footer> <div class="foot"> <a href="#head"><span>Top</span></a> <p>Copyright©2021 闫莆亚 beiyuming.com 版权所有</p> </div> </footer><!--footer end--></body></html>@charset "utf-8";/* CSS Document */body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, img {margin:0;padding:0;border:0;list-style: none;}body{font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:14px;}a{color:#000;text-decoration: none;}@font-face{ font-family:word2; src:url(../word2.ttf); }/*head begin*/header{ width:100%; height: 90px; background: #0a2536;}header .con{ width:1100px; margin:0 auto;}header .con .left{ float: left; height:46px; line-height: 46px; margin-right:50px; color: #fff; font-size:24px;}.lle{ width: 60px; height: 60px; float: left; margin-top:10px; margin-right:20px;}header .con .left .lle img{ border-radius:50%;}header .con .right{ float: right; height:46px; line-height: 4; margin-left:50px; color: #fff; font-family:"微软雅黑"; font-size:20px;}header .con .right a{color:#fff;}#word1{ font-family:"华文隶书"; font-size:60px; line-height:1.5;}#word2{ font-family:word2; font-size:30px; line-height:1.5;}/*head end*//*nav begin*/nav{ width:100%; height:55px; position:absolute; background:#C1C1C1; z-index:10;}nav .nav_in{ width:1100px; margin:0 auto; padding-left:500px;}.navbox{ float:left; margin-right:50px; font-size: 18px; height:55px; line-height: 55px;}.dropbtn { background-color:#C1C1C1; color: #000; padding: 16px; border: none; cursor: pointer; height:55px; font-size:18px;}.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 100px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}.dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block;}.dropdown-content a:hover {background-color: #f1f1f1}.dropdown:hover .dropdown-content { display: block;}.dropdown:hover .dropbtn { background-color:#94ABCD;}/*nav end*//*foot begin*/footer{ width:100%; height:100px; margin-top:100px; background: #0a2536; color:#fff; text-align: center;}footer .foot{ width:1200px; height:100px; margin:0 auto; position: relative;}footer span{ width:58px; height:32px; line-height: 43px; text-align: center; color:#fff; position: absolute; top:-31px; left:600px; margin-left:-29px; background: url(../images/sanjiao.png);}footer p{ line-height: 127px;}/*foot end*/请 “ 点赞” “✍️评论” “ 收藏”一键三连哦！ 【 关注我| 获取更多源码 | 优质文章】带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者，一起探讨 前端 Node 知识，互相学习」！关键词：报告,设计,作业
