HTML静态网页成品作业(HTML+CSS)—— 电影泰坦尼克号介绍网页(4个页面)

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


一、作品介绍

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

二、作品演示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>泰坦尼克号</title>
	<link rel="stylesheet" href="./css/style.css" />
</head>
<body>
	
	<div id="con">
		<ul id="nav">
			<a href="index.html">首页</a>
			<a href="juqing.html">剧情简介</a>
			<a href="juese.html">角色介绍</a>
			<a href="pingjia.html">影片评价</a>
		</ul>
		
		
		<div id="ban">
			<img src="./images/banner.jpg" alt="">
		</div>
		
		<div id="main">
			<div class="tit">基本信息</div>
			<p class="text">《泰坦尼克号》是美国二十世纪福克斯电影公司、派拉蒙影业公司出品爱情片,由詹姆斯·卡梅隆执导,莱昂纳多·迪卡普里奥、凯特·温斯莱特领衔主演。该片于19971219日在美国上映,199843日在中国内地上映。影片以1912年泰坦尼克号在其处女航时触礁冰山而沉没的事件为背景,讲述了处于不同阶层的两个人穷画家杰克和贵族女露丝抛弃世俗的偏见坠入爱河,最终杰克把生存的机会让给了露丝的感人故事。该片于2012410日以3D版在中国内地重映,202343日以25周年纪念版在中国内地重映 。</p>
			
			<div class="tit">精彩剧照</div>
			<div id="tuji">
				<img src="./images/jz1.jpeg" alt="">
				<img src="./images/jz2.jpeg" alt="">
				<img src="./images/jz3.jpg" alt="">
				<img src="./images/jz4.jpeg" alt="">
				<img src="./images/jz5.png" alt="">
				<img src="./images/jz6.jpeg" alt="">
				<img src="./images/jz7.jpeg" alt="">
				<img src="./images/jz8.jpeg" alt="">
				<img src="./images/jz9.jpeg" alt="">
			</div>
		</div>
		<div id="foot">泰坦尼克号</div>
	</div>
		
	
	
</body>
</html>

五、源码获取

🥇 ~ 关注我,点赞博文~ 每天带你涨知识!
🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。
💙2.想要获取本文源码,点击前往吧

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-06-07 23:32:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-06-07 23:32:01       101 阅读
  3. 在Django里面运行非项目文件

    2024-06-07 23:32:01       82 阅读
  4. Python语言-面向对象

    2024-06-07 23:32:01       91 阅读

热门阅读

  1. Python类详解

    2024-06-07 23:32:01       29 阅读
  2. 数据库练习题

    2024-06-07 23:32:01       22 阅读
  3. AGI时代个人发展

    2024-06-07 23:32:01       30 阅读
  4. Python微服务架构的15个设计模式

    2024-06-07 23:32:01       25 阅读
  5. vue组件之间的通信方式有哪些

    2024-06-07 23:32:01       26 阅读
  6. 深入理解 Linux 命令 `autom4te`

    2024-06-07 23:32:01       24 阅读
  7. XSS Challenges 闯关游戏环境准备:深入指南

    2024-06-07 23:32:01       29 阅读
  8. 安全测试 之 安全漏洞 :XSS

    2024-06-07 23:32:01       24 阅读