HTML静态网页成品作业(HTML+CSS)—— 名人霍金介绍网页(6个页面)

🎉不定期分享源码,关注不丢失哦

文章目录


一、作品介绍

🏷️本套采用HTML+CSS,未使用Javacsript代码,共有6个页面

二、作品演示






三、代码目录

四、网站代码

HTML部分代码

c 复制代码
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>斯蒂芬·威廉·霍金</title>
		<link rel="stylesheet" href="./css/style.css">
	</head>
	<body>
		<div class="w">
			<div class="t">
				<div class="name">斯蒂芬·威廉·霍金</div>
				<ul class="nav">
					<li class="cur"><a href="index.html">首页</a></li>
					<li><a href="sp.html">人物生平</a></li>
					<li><a href="cj.html">主要成就</a></li>
					<li><a href="yx.html">人物影响</a></li>
					<li><a href="zz.html">学术专著</a></li>
					<li><a href="pj.html">人物评价</a></li>
				</ul>
			</div>
			<div class="b">
				<img src="./images/1.jpeg" alt="">
			</div>
			
			<div class="main">
				<div class="main-t">霍金简介</div>
				<div class="main-c">斯蒂芬·威廉·霍金(Stephen William Hawking,1942年1月8日---2018年3月14日),出生于英国牛津,理论物理学家,宇宙学家,科学思想家,英国皇家学会院士,美国国家科学院外籍院士,英国皇家学会工艺院院士,生前是英国剑桥大学教授。<br>
					斯蒂芬·威廉·霍金于1965年获得剑桥大学博士学位,并在剑桥大学进行研究工作;1974年当选为英国皇家学会院士 ;1975年任剑桥大学教授;1977年升任为剑桥大学引力物理学讲座教授;1979年---2009年任剑桥大学卢卡斯数学教授;1985年因患肺炎做了穿气管手术,被彻底剥夺了说话的能力,演讲和问答只能通过语音合成器来完成;1989年获得英国爵士称号,并当选为美国国家科学院外籍院士;2002年入选英国广播电台"最伟大的100名英国人"第25名;2006年6月在香港科技大学体育馆主持题为"宇宙的起源"的演讲,另在北京人民大会堂向公众讲述"宇宙的起源";2009年任剑桥理论宇宙学中心研究主任;2017年为英国BBC录制纪录片《探索新地球》;2018年3月14日在英国剑桥逝世,享年76岁。
				</div>
				
				
				<div class="main-c-l">
					<div class="main-c-t">
						<div class="main-t">人物生平</div>
						<div class="main-img">
							<img src="./images/sp1.webp" alt="">
						</div>
						<p>
					1942年1月8日,斯蒂芬·威廉·霍金出生于英国牛津。1959年,在牛津大学大学学院攻读自然科学。1962年,在牛津大学完成物理学学位课程,后到剑桥大学攻读研究生。1963年,被诊断患有肌肉萎缩性侧索硬化症(ALS),全身瘫痪,不能说话,而唯一能动...</p>
						<a href="sp.html">查看更多</a>
					</div>
					<div class="main-c-t">
						<div class="main-t">主要成就</div>
						<div class="main-img">
							<img src="./images/cj1.webp" alt="">
						</div>
						<p>
					斯蒂芬·威廉·霍金主要研究领域是宇宙论和黑洞,证明了广义相对论的奇性定理和黑洞面积定理,提出了黑洞蒸发理论和无边界的霍金宇宙模型,在统一20世纪物理学的两大基础理论------爱因斯坦创立的相对论和普朗克创立的量子力学方面走出了重要一步...</p>
						<a href="cj.html">查看更多</a>
					</div>
					<div class="main-c-t">
						<div class="main-t">人物影响</div>
						<div class="main-img">
							<img src="./images/yx1.webp" alt="">
						</div>
						<p>
					斯蒂芬·威廉·霍金科研生涯的第二个时期(1973年―1979年)见证了霍金大胆冒险的、最初有争议但后来得到证明的研究工作――关于弯曲时空中的量子场论研究。核心是霍金那篇创新论文,整合了量子场论、广义相对论和热力学,从而证明由于量子效应,...</p>
						<a href="yx.html">查看更多</a>
					</div>
				</div>
			</div>	
			
			
			<div class="foot">霍金 版权所有</div>
		</div>
	</body>
</html>

五、源码获取

🥇 ~ 关注我,点赞博文~ 每天带你涨知识!

🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。

💙2.想要获取本文源码,点击前往吧

相关推荐
多多*22 分钟前
Spring之Bean的初始化 Bean的生命周期 全站式解析
java·开发语言·前端·数据库·后端·spring·servlet
linweidong26 分钟前
在企业级应用中,你如何构建一个全面的前端测试策略,包括单元测试、集成测试、端到端测试
前端·selenium·单元测试·集成测试·前端面试·mocha·前端面经
满怀10151 小时前
【HTML 全栈进阶】从语义化到现代 Web 开发实战
前端·html
东锋1.31 小时前
前端动画库 Anime.js 的V4 版本,兼容 Vue、React
前端·javascript·vue.js
满怀10151 小时前
【Flask全栈开发指南】从零构建企业级Web应用
前端·python·flask·后端开发·全栈开发
小杨升级打怪中2 小时前
前端面经-webpack篇--定义、配置、构建流程、 Loader、Tree Shaking、懒加载与预加载、代码分割、 Plugin 机制
前端·webpack·node.js
Yvonne爱编码2 小时前
CSS- 4.4 固定定位(fixed)& 咖啡售卖官网实例
前端·css·html·状态模式·hbuilder
SuperherRo2 小时前
Web开发-JavaEE应用&SpringBoot栈&SnakeYaml反序列化链&JAR&WAR&构建打包
前端·java-ee·jar·反序列化·war·snakeyaml
大帅不是我2 小时前
Python多进程编程执行任务
java·前端·python
前端怎么个事2 小时前
框架的源码理解——V3中的ref和reactive
前端·javascript·vue.js