本节实践：写一个web页面-人物简历
本节视频
https://www.bilibili.com/video/BV1n64y1U7oj?p=35
模仿视频中的页面
花了两个多小时，好在没有看视频教程，把这个页面给拼凑出来了。
视频素材：B站随便找个视频录了一分钟。
视频标签前面没有学，随便网上查一下。
完整HTML（不要嘲笑我啊，知道写的很凌乱，还是挺开心。）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>项目实践：人物简历</title>
<style>
#div1 {
background-color: #F2F2F2;
margin-left: 15%;
margin-right: 15%;
}
#div2>a {
background-color: royalblue;
color: white;
padding: 5px 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border: 5px;
text-decoration: none;
}
#renwu {
background-color: royalblue;
color: white;
}
img {
width: 20%;
margin-left: 5%;
}
video {
width: 49%;
margin-left: 15%;
}
h1 {
padding: 15px;
}
h2 {
margin: 20px 40px;
}
p {
text-indent: 2em;
margin: 20px 40px;
}
table,
tr,
th,
td {
border: 1px solid black;
border-collapse: collapse;
margin: 20px 40px;
}
textarea {
width: 100%;
height: 100px;
}
</style>
</head>
<body>
<div id="div1">
<h1 id="renwu">
人物简历———吴彦祖
</h1>
<div id="div2" align="center">
<a href="#基本信息">基本信息</a>
<a href="#早年经历">早年经历</a>
<a href="#演艺经历">演艺经历</a>
<a href="#获奖记录">获奖记录</a>
<a href="#社会活动">社会活动</a>
<a href="#联系方式">联系方式</a>
<br /><br />
</div>
<div>
<img src="src/人物-吴彦祖.png" alt="吴彦祖头像">
<video src="src/人物-吴彦祖.mp4" controls></video>
</div>
<div>
<h2 id="基本信息">基本信息</h2>
<p>吴彦祖（DanielWu），1974年9月30日出生于美国l日金山，华语影视男演员、导演、制片人，毕业于美国俄
勒冈大学。1998年出演了个人首部电影作品《美少年之恋》，从而踏入演艺圈；同年，凭借文艺片《玻璃之城》提
名第18届香港电影金像奖最佳新演员。2001年，主演文艺片《游园惊梦》。2003年，凭借动作片《旺角黑夜》提
名第24届香港电影金像奖最佳男主角；同年，首次担任电影监制并主演了惊悚片《妖夜回廊》。</p>
<h2 id="早年经历">早年经历</h2>
<p>
吴彦祖出生于加利福尼亚州伯克利，并在奥林达长大。6岁时，吴彦祖在看完功夫电影《少林寺》后，对武术
产生了兴趣。11岁时，吴彦祖便拜一名北京艺人为师开始习武，教他的师父是吴彦祖的母亲找的，而此前，他的母
亲还担心他学会了功夫跟人打架，但最后还是不过他对习武的热情。高中时，吴彦祖也曾叛逆过，经常在街上玩
滑板，听的是朋克、重金属、饶舌等地下音乐，喜欢打架更甚于学习。这一切直至他的母亲因心脏病住院才有了彻
底的改变。在母亲生病期间，吴彦祖白天在学校认真读书，下课后就到医院陪母亲。为此他甚至去学习了简单的气
功疗法，用来辅助母亲的治疗。
</p>
<p>
1993年，吴彦祖在美国俄勒冈大学攻读建筑系，并获得建筑副修奖学金。1994年，吴彦祖赢得California
MartialArtCompetitions的亚军，并在美国西岸排名第二位。同时，吴彦祖还成立了俄勒冈大学中国武术学会，
并成为第一任教练，收了二十几个徒弟，一共教了五年。1995年，吴彦祖随师父到北京什刹海武校参加集训，并获
得了北京国际武术比赛长拳组第五名，太极拳组第六名。
</p>
<p>
1997年，毕业后的吴彦祖前往香港旅行，后在姐姐的建议下开始当模特。四个月后，导演杨凡在看到吴彦祖拍
摄的服装广告后，与他接洽成为他下一部电影的演员，而吴彦祖表示自己没有表演经验而拒绝了。后来杨凡天天给
吴彦祖打电话并说服了他。
</p>
<h2 id="演艺经历">演艺经历</h2>
<table>
<tr>
<th>时期</th>
<th>经历</th>
</tr>
<tr>
<td>1998年</td>
<td>《美少年之恋》，他在片中饰演帅气十足的警察Sam</td>
</tr>
<tr>
<td>1999年</td>
<td>吴彦祖与成龙、舒淇合作主演的爱情喜剧片《玻璃樽》上映</td>
</tr>
<tr>
<td>2000年</td>
<td>首次与林超贤导演合作，并出演了警匪动作片《重装警察》</td>
</tr>
<tr>
<td>2001年</td>
<td>与古天乐合作出演了动作片《野兽之瞳》，在片中饰演一对拳击兄弟</td>
</tr>
<tr>
<td>2002年</td>
<td>吴彦祖与杨干首次合作，并出演了爱情喜剧片《新扎师妹》</td>
</tr>
<tr>
<td>2004年</td>
<td>与张柏芝合作，出演由尔冬升执导的动作剧情片《旺角黑夜》</td>
</tr>
<tr>
<td>2005年</td>
<td>吴彦祖与梁家辉、郑秀文合作，主演了根据同名小说改编的爱情片《长恨歌》</td>
</tr>
<tr>
<td>2006年</td>
<td>吴彦祖执导并担任编剧的个人电影处女作《四大天王》上映</td>
</tr>
<tr>
<td>2016年</td>
<td>由邓肯·琼斯执导的奇幻动作片《魔兽》在中国内地上映，吴彦祖在片中饰演了狡猾又残忍的古尔丹</td>
</tr>
<tr>
<td>2017年</td>
<td>吴彦祖主演的功夫美剧《荒原第二季》在美国AMC电视台首播</td>
</tr>
<tr>
<td>2018年</td>
<td>与艾丽西亚-维坎德主演的动作奇幻片《古墓丽影：源起之战》在美国和中国内地同步上映</td>
</tr>
</table>
<h2 id="获奖记录">获奖记录</h2>
<p>作业：请参照吴彦祖百度百科完成获奖记录的表格</p>
<h2 id="社会活动">社会活动</h2>
<p>
2006年底，在香港“SuperStars”影展及摄影集慈善义卖活动上，余文乐、吴彦祖、郭富城等300多位明星为
慈善活动所拍摄的裸照曝光。
</p>
<p>2008年6月4日，吴彦祖录制爱心视频并参与了周迅发起的“星星之火，传爱四川”行动。</p>
<p>2009年2月，吴彦祖为四川地震灾区彭州小鱼洞的群众修建永久性房屋；5月10日，吴彦祖参加了“壹家人壹起
走一一纪念5.12汶川行”活动；7月6日，吴彦祖向四川地震灾区出资捐建5间房屋，并且表示每年都会抽出几次时
间去四川探访；9月20日，吴彦祖携手吴君如在香港出席了“仁人家园义工周”的公益活动。</p>
<p>2013年11月1日，“2014爱+家庭慈善月历”在香港推出，包括吴彦祖等在内的12个明星家庭齐心推动此公益
活动。</p>
<h2 id="联系方式">练习方式</h2>
<p>请将你想告诉我的话发送至我的邮箱：</p>
<div style="width: 80%;margin-left: 40px;">
<textarea name="tellme" id="textareea"></textarea>
<input type="submit" value="提交">
</div>
<div align="center">
<a href="">返回顶部</a>
</div>
<div style="background-color: dodgerblue; width: 100%; ">
<p align="center" ">
<br/>
© Baidu 使用百度前必读 | 百科协议 | 隐私政策 | 百度百科合作平台 | 京ICP证030173号
<br/><br/>
</p>
</div>
</div>
</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
