电影时间首页(HTML+css)

news2025/1/10 20:44:42

使用HTML+css制作的一个简单的电影时间首页

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>电影时间首页</title>
	</head>

	<body>
		<!--header begin-->
		<div style="height: 63px;">
			<img src="img/logo.jpg" alt=" 电影时间" align="left" />
			<p align="right">电影时间首页&nbsp; &nbsp; |&nbsp; &nbsp;登陆&nbsp; &nbsp; |&nbsp; &nbsp; 注册&nbsp; &nbsp; |&nbsp; &nbsp;
				<font color="red">收藏</font>
			</p>
		</div>
		<hr color="#23aaea" 1>
		<!--header end-->
		<!--banner begin-->
		<div><img src="img/banner.jpg" /></div>
		<!--banner end-->
		<!--newmovie begin-->
		<div>
			<h2>最新电影</h2>
			<hr color- "#23aaea" />
			<img src="img/img_01.jpg" width="92" height="130" />
			<img src="img/img_02.jpg" width="92" height="130" />
			<img src="img/img_03.jpg" width="92" height="130" />
			<img src="img/img_04.jpg" width="92" height="130" />
			<img src="img/img_05.jpg" width="92" height="130" />
			<img src="img/img_06.jpg" width="92" height="130" />
			<img src="img/img_07.jpg" width="92" height="130" />
			<img src="img/img_08.jpg" width="92" height="130" />
			<img src="img/img_09.jpg" width="92" height="130" />
		</div>
		<!--newmovie end-->
		<!--hotmovie begin-->
		<div style="height: 358px;">
			<h2>热门电影介绍</h2>
			<hr color="#CCC" size="3" < fontsize="4" color="red">
			<ins>西游降魔篇</ins>
			</font>
			<font size="4" color="blue">
				<ins>高清视频在线观看&nbsp;爱奇艺</ins>
			</font>
			<img src="img/moviebanner.jpg" alt="电影时间" align="right" />
			<p align="left">
				<font>上映时间: 2013年2月10日</font><br />
				<font>导演:
					<font>导演:
						<font color="red">周星驰&nbsp;&nbsp;郭子健</font>
					</font><br>
					<font>发行公司: 安乐影片</font>
					<br />
					<font color="blue">主演: <ins>黄渤</ins>&nbsp;<ins>文章</ins>&nbsp;<ins>舒淇
</ins>&nbsp;<ins>周秀娜</ins>&nbsp;<ins>释行字</ins>&nbsp;<ins>罗志祥</ins>&nbsp;<ins>何文辉
</ins>&nbsp;<ins>李尚正</ins></font>
					<br />
					<font>片长:110分钟</font>
					br />
					<font color="red">类型:<em>百险奇幻喜剧</em></font>
					<br />
					<font>定价:
						<font color="red"><strong>150元</strong></font>
					</font>
					<br />
					<font>简介:受气的唐僧、暴戾的孙悟空、帅气的猪八戒、妩媚的沙僧,完全颠覆<br />版西游记,周 星驰时隔15年自编自导再战西游。这是个妖魔横行的世界,百
						<br/>姓苦不堪言。年轻的驱魔人玄奘以“含小我,成 大我”的大无畏精神,历尽
						<br />艰难险阳,依次收复水妖、猪妖以及妖王之王孙悟空为徒,并用“爱”将他<br />们 感化......
					</font>
			</p>
		</div>
		<hr color="#23aaea" />
		<!--hotmovie end-->
		<!--comment begin-->
		<div>
			<img src="img/comment.jpg" alt="网友评论" />
			<hr color=" #cCc " size="1" />
			<div>
				<img src="img/pic01.jpg" alt="" align="left" hspace="10" />
				<div>
					<p>
						<font color=" #F60 ">悲伤玉米排骨汤</font>&nbsp; &nbsp; &nbsp; &nbsp;
						<font size="2 " color="#999 ">2023-6-12 15:38: 37</font>
					</P>
					<p>
						<font size="2 ">请剧情党们不要太较真电影对魔兽历史的更改,毕竟翻拍的电影,多少会有些 出入,我们看的是情怀,哈哈。
						</font>
						<br />
						<font color="#F60 " size="2 ">
							来自:大众点评网友
						</font>
					</p>
				</div>
				<hr color=".CCC " size="1" />
			</div>
			<div>
				<img src="img/pic02.jpg" align="left" hspace="10" />
				<div>
					<P>
						<font color="#F60">拐只鱼养着</font>&nbsp; &nbsp; &nbsp;&nbsp;
						<font size="2" color="#999">2023-1-21 15:05:37</font>
					</p>
					<p>
						<font size="2">个人认为小时代毫无看点,看了不到半小时就要睡着了,我已无力吐槽,建议 大家还是去读原著吧!!!
						</font>
						<br />

						<font color="#F60" size="2">
							来自:星光影院网友
						</font>
					</p>
				</div>
				<hr color="#ccc" size="1" />
			</div>
			<div>
				<img src=" img/pic03.jpg "  align="left" hspace="10 " />
				<div>
					<p>
						<font color="#F60">美丽阳光</font>&nbsp; &nbsp; &nbsp; &nbsp;
						<font size="2 " color="#999 ">2023-12-14 10:38:36</font>
					</P>
					<p>
						<font size="2 ">星爷的每一部电影都很经典,重复地看过很多遍,每次都有更深刻的理解和更 深的感悟,同样期待《美人鱼》 </font>
						<br />
						<font color="#F60 " size="2  ">
							来自:美团网网友
						</font>
					</p>
				</div>
				<hr color="#ccc" size="1" />
			</div>
		</div>
		<!--comment end-->
		<!--footer begin-->
		<div>
			<p align=" center ">
				<font color="blue ">公司简介&nbsp; &nbsp;|&nbsp; &nbsp;关于我们&nbsp; &nbsp;| &nbsp;&nbsp; 联系我们&nbsp; &nbsp;| &nbsp;&nbsp;友情链接 &nbsp; &nbsp;|&nbsp; &nbsp; 招聘信息&nbsp; &nbsp;| &nbsp; &nbsp;产品答疑</font>
			</P>
			<p align="center ">
				<font color="red ">免责声明:</font>本网站内容收集于互联网,电影时光网不承担任何由于内容的合法性及健康性所引起的争议和法律责任。</p>
			<p align="center ">欢迎大家对网站内容侵犯版权等不合法和不健康行为进行监督和举报。</p>
		</div>
		<!--footer engo


	</body>
</html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1836907.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

从0开始开发一个简单web界面的学习笔记(HTML类)

文章目录 什么是HTML页面vscode 开放工具搭建第一个HTML页面编写vscode 如何快速生成代码框架html标签——注释、标题、段落、换行标签格式化标签img 标签(src 属性01)img 属性02(alt、title、width/height、border)a标签href属性a标签target属性表格标签01 基本属性表格标签02…

随想录Day63 | 单调栈 42. 接雨水 84.柱状图中最大的矩形

随想录Day63 | 单调栈 42. 接雨水 84.柱状图中最大的矩形 42. 接雨水 题目链接 42 给定 n 个非负整数表示每个宽度为 1 的柱子的高度图&#xff0c;计算按此排列的柱子&#xff0c;下雨之后能接多少雨水。 第一次提交 class Solution { public:int trap(vector<int>…

买家用洗地机需要注意什么?全面评测热门洗地机品牌

对于忙碌的打工族来说&#xff0c;“做家务”是一件非常消费时间精力的事情&#xff0c;但它又是生活中的一部分&#xff0c;为了解决这些矛盾点&#xff0c;越来越多的清洁家电涌向市场&#xff0c;像集扫地、吸尘、洗地为一体的洗地机&#xff0c;在推拉之间便把脏污处理干净…

英码科技携手昇腾打造“三位一体”智慧化工解决方案,使能化工产业管理更高效、智能

我国是世界公认的化工大国。然而&#xff0c;大部分化工园区的日常管理方式较为传统&#xff0c;各园区、厂区的门禁、视频、停车场等子系统犹如一个个独立的“岛屿”&#xff0c;每个“岛屿”需要耗费大量人力及时间成本进行巡检、记录、上报&#xff0c;且不能做到全域、全时…

JavaFX DatePicker

JavaFX DatePicker允许从给定日历中选择一天。DatePicker控件包含一个带有日期字段和日期选择器的组合框。JavaFX DatePicker控件使用JDK8日期时间API。 import javafx.application.Application; import javafx.scene.Scene; import javafx.scene.control.DatePicker; import j…

C语言之操作符

目录 一、二进制 原码、反码、补码 二、移位操作符 位操作符 三、 逗号表达式 四、下标访问[]、函数调用() 五. 操作符的属性 整型提升 算术转换 六、总结 一、二进制 其实2进制、8进制、10进制、16进制是数值的不同表示形式而已。 其实10进制是生活中经常使用的&am…

docker容器中连接宿主机mysql数据库

最近要在docker中使用mysql数据库&#xff0c;首先考虑在ubuntu的镜像中安装mysql&#xff0c;这样的脚本和数据库都在容器中&#xff0c;直接访问localhost&#xff1a;3306&#xff0c;脚本很简单&#xff0c;如下&#xff1a; import pymysql# 建立数据库连接 db pymysql.…

港硕上岸鹅厂算法岗,谈谈感受和心得!

节前&#xff0c;我们组织了一场算法岗技术&面试讨论会&#xff0c;邀请了一些互联网大厂朋友、今年参加社招和校招面试的同学。 针对大模型技术趋势、算法项目落地经验分享、新手如何入门算法岗、该如何准备面试攻略、面试常考点等热门话题进行了深入的讨论。 总结链接如…

技术革新| 卓翼飞思受邀出席2024士兵智能装备与技术学术大会

6月14日&#xff0c;由中国兵器装备集团智元研究院/智元国家重点实验室、中国兵工学会主办的 “2024士兵智能装备与技术学术大会” 在杭州隆重召开。卓翼智能应邀出席本次大会&#xff0c;并发表了题为《新概念飞行器及多智能体集群仿真系统研究》的演讲报告。 本次大会以“智能…

常见的网络设备

引入 园区网络安全部署场景 1、路由器&#xff1a; 跨网段通信设备 。 2、交换机&#xff1a; 同网段或跨网段通信设备。 3、AntiDDoS &#xff1a; DDoS 防御系统&#xff0c;通常旁挂部署于网络出口处&#xff0c; 位于防火墙上游&#xff0c;用于减轻防火墙报文处理负担。 …

NocoBase调研

项目概述&#xff1a; nocobase是一个开源的无代码和低代码开发平台&#xff0c;允许用户快速部署私有、可控、易于扩展的系统。 NocoBase官网&#xff1a;NocoBase-开源、私有部署的轻量级无代码和低代码开发平台 核心特性&#xff1a; 强调NocoBase的数据模型驱动方法&am…

JVM 性能分析案列——使用 JProfiler 工具分析 dump.hprof 堆内存快照文件排查内存溢出问题

在 windows 环境下实现。 参考文档 一、配置 JVM 参数 配置两个 JVM 参数&#xff1a; -XX:HeapDumpOnOutOfMemoryError&#xff0c;配置这个参数&#xff0c;会在发生内存溢出时 dump 生成内存快照文件&#xff08;xxx.hprof&#xff09;-XX:HeapDumpPathF:\logs&#xff…

uniapp使用伪元素实现气泡

uniapp使用伪元素实现气泡 背景实现思路代码实现尾巴 背景 气泡效果在开发中使用是非常常见的&#xff0c;使用场景有提示框&#xff0c;对话框等等&#xff0c;今天我们使用css来实现气泡效果。老规矩&#xff0c;先看下效果图&#xff1a; 实现思路 其实实现这个气泡框的…

线代的学习(矩阵)

1.矩阵的乘法 矩阵实现满足&#xff1a;内标相等 矩阵相乘之后的结果&#xff1a;前行后列 需要注意&#xff1a;1.矩阵的乘法不具有交换律&#xff1a;AB!BA 2.矩阵的乘法满足分配律&#xff1a;A(BC) AB AC 抽象逆矩阵求逆矩阵 方法1.凑定义法、 方法2.长除法 数字型矩阵…

06文件和文件夹的操作

授课进程 一、文件操作 在操作的时候尽量选择Linux下面的/opt目录 使用ls -l 命令&#xff0c;相对简化的命令ll 在Linux中&#xff0c;ls -l是一个常用的命令&#xff0c;用于列出文件和目录的详细信息。下面是ls -l命令的一些常见选项和输出示例&#xff1a; ​ - 使用ls -…

【神经网络】图像的数字视角

文章目录 图像的数字视角引言直观感受内在剖析图像常用函数图像三维层次 经验总结 图像的数字视角 引言 在机器视觉和目标识别领域&#xff0c;需要处理的对象都是图像&#xff0c;但这些领域的模型都是针对数值进行训练的&#xff0c;那么图像和数值之间是什么关系呢?答案是…

玩转OurBMC第八期:OpenBMC webui之通信交互

栏目介绍&#xff1a;“玩转OurBMC”是OurBMC社区开创的知识分享类栏目&#xff0c;主要聚焦于社区和BMC全栈技术相关基础知识的分享&#xff0c;全方位涵盖了从理论原理到实践操作的知识传递。OurBMC社区将通过“玩转OurBMC”栏目&#xff0c;帮助开发者们深入了解到社区文化、…

shell学习记录

shell简介 参考博文1 参考博文2——shell语法及应用 参考博文3——vi的使用 在linux中有很多类型的shell&#xff0c;不同的shell具备不同的功能&#xff0c;shell还决定了脚本中函数的语法&#xff0c;Linux中默认的shell是 / b in/ b a s h &#xff0c;流行的shell有as…

分布式锁demo

分布式锁 在应用开发中&#xff0c;特别是web工程开发&#xff0c;通常都是并发编程&#xff0c;不是多进程就是多线程。这种场景下极易出现线程并发性安全问题&#xff0c;此时不得不使用锁来解决问题。在多线程高并发场景下&#xff0c;为了保证资源的线程安全问题&#xff…

论文解读《Revisiting Neural Retrieval on Accelerators》

论文链接&#xff1a;https://arxiv.org/pdf/2306.04039 一、摘要 信息检索和推荐应用中&#xff0c;检索任务是从大规模的语料库中找到一小部分相关的候选项。检索的关键组成部分是建模&#xff08;用户&#xff0c;物品&#xff09;的相似度&#xff0c;通常表示为两个学习…