使用Html5基本标签实现“时空电影网”案例步骤及详细代码

根据您的需求,我为您实现了对“时空电影网”电影节页面的美化。以下是详细的步骤:

  1. 设置一级标题“电影节”文字的颜色:将一级标题的颜色设置为深蓝色(#0000FF)。
<h1><font color="darkblue">电影节</font></h1>
  1. 强化描述电影节中的文本“威尼斯电影节、戛纳电影节、柏林电影节”:将文本中的“威尼斯电影节”、“戛纳电影节”和“柏林电影节”设置为加粗(**),以提高突出显示效果。
<p>&nbsp;&nbsp; &nbsp;&nbsp;诞生于1932年8月6日,
是为了推动电影艺术,提高电影艺术水准的一项活动。
也是为了奖励有价值的、有创造性的优秀影片,促进电影工作者之间的交往和合作,
并为发展电影贸易提供方便平发展。通常设立各种奖项对有成就者应给予奖励。</p>
<p><font color="blue">威尼斯电影节</font>
<font color="blue">戛纳电影节</font>
<font color="blue">柏林电影节</font>等都是世界上著名的电影节。</p>
  1. 设置二级标题 “著名电影节”文字的颜色:将二级标题的颜色设置为深红色(#800000)。
<h2><font color="royalblue">著名电影节</font></h2>
  1. 把各个电影节的的网址设置为斜体:将各个电影节的网址设置为斜体(http://),以提高可读性。
<ul><li type="disc"><font color="steelblue"><b>嘎纳电影节</b></font></li><p><img src="image/festivalid147-big.jpg" align="left"  width="160px" width="183px" hspace="10px"></p><p><font color="steelblue">http://www.festival-cannes.fr</font></p>
</ul>
  1. 把“戛纳电影节”、“威尼斯电影节”等著名音乐节设置为无序列表标签:将“戛纳电影节”、“威尼斯电影节”等著名音乐节设置为无序列表标签(*),以提高可读性。
<ul><li type="disc"><font color="steelblue"><b>嘎纳电影节</b></font></li><p><img src="image/festivalid147-big.jpg" align="left"  
width="160px" width="183px" hspace="10px"></p><p><font color="steelblue">*</font></p>
</ul>
  1. 在页面上添加音乐播放控件,并能播放名为“bgmusic.mp3”的音乐文件:在HTML中添加音乐播放控件,并设置音乐文件的源地址。
<audio src="image/bgmusic.mp3" autoplay="autoplay"  
controls="controls"></audio>
  1. 在页面添加视频播放控件,并播放名为“movieFest.mp4”的视频文件:在HTML中添加视频播放控件,并设置视频文件的源地址。
<video width="320" height="240" controls><source src="movieFest.mp4" type="video/mp4">您的浏览器不支持视频标签。
</video>

现在,您可以在浏览器中查看美化后的“时空电影网”电影节页面。

具体的代码如下

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>电影节</title></head><body><marquee direction="left" behavior="scroll" scrollamount="10"><font color="darkblue" size="4"><b>看时空电影,享受视听盛宴!</b></font></marquee><h1><font color="blue">电影节</font></h1><p>&nbsp;&nbsp; &nbsp;&nbsp;诞生于1932年8月6日,是为了推动电影艺术,提高电影艺术水准的一项活动。也是为了奖励有价值的、有创造性的优秀影片,促进电影工作者之间的交往和合作,并为发展电影贸易提供方便平发展。通常设立各种奖项对有成就者应给予奖励。电影节很受人们的关注,大的电影节影响甚至覆盖全球,最著名的莫过于欧洲三大国际电影节,即<strong>威尼斯电影节、戛纳电影节、柏林电影节</strong>。</p><audio src="image/bgmusic.mp3" autoplay="autoplay"  controls="controls"></audio><hr width="100%" siz="2px" color="blue"><h2><font color="royalblue">著名电影节</font></h2><ul><li type="disc"><font color="steelblue"><b>嘎纳电影节</b></font></li><p><img src="image/festivalid147-big.jpg" align="left"  width="160px" width="183px" hspace="10px">创办时间: 1946-09-20  <br>举办地点: 法国戛纳<br>官方网址: <i>http://www.festival-cannes.fr</i><br>每年五月在法国戛纳举行的一项电影界盛事,堪称世界上最大、最重要的国际电影节。早期,戛纳电影节因“大海”、“美女”和“阳光”(Sea Sex Sun)而被称为3S电影节。每年举办期间,在著名的海滨大道及附近的海滩上都会有明星大腕云集,电影大师们纷纷带着他们的最新作品来到这里展示。</p><br><br><li type="disc"><font color="steelblue"><b>威尼斯电影节</b></font></li><p><img src="image/festivalid681-big.jpg" align="left"  width="160px" width="183px" hspace="10px">创办时间: 1932-08-06 <br> 举办地点: 意大利威尼斯<br>官方网址: <i>http://www.labiennale.org</i><br>简介: 每年8月至9月间在意大利威尼斯利多岛举办,与法国的戛纳及德国的柏林并称为世界三大国际电影节。其最高奖项为金狮奖。威尼斯电影节创办于1932年,是世界上历史最悠久的电影节,即世界上第一个国际电影节,号称“国际电影节之父”。</p><br><br><li type="disc"><font color="steelblue"><b>柏林国际电影节</b></font></li><p><img src="image/festivalid91-big.jpg" align="left"  width="160px" width="183px" hspace="10px">创办时间: 1951-06-06  <br>举办地点: 德国柏林<br>官方网址: <i>http://www.berlinale.de/en/HomePage.html</i><br>简介: 柏林国际电影节与戛纳国际电影节、威尼斯国际电影节并称为世界三大国际电影节。20世纪50年代初由阿尔弗莱德·鲍尔发起筹划,得到了当时的联邦德国政府和电影界的支持和帮助,1951年6月底至7月初在西柏林举行第一届。每年一次,原在6~7月间举行,后为与戛纳国际电影节竞争,提前至2~3月间举行,为期两周。其目的在于加强世界各国电影工作者的交流,促进电影艺术水平的提高。主奖有“金熊奖”和“银熊奖”。“金熊奖”授予最佳故事片、纪录片、科教片、美术片;“银熊奖”授予最佳导演、男女演员、编剧、音乐、摄影、美工、青年作品或有特别成就的故事片等。</p></ul><video src="image/movieFest.mp4" width="600px" height="400px" controls="controls"></video></body>
</html>

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

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

相关文章

SpringBoot技术:闲一品交易的新机遇

摘 要 随着科学技术的飞速发展&#xff0c;社会的方方面面、各行各业都在努力与现代的先进技术接轨&#xff0c;通过科技手段来提高自身的优势&#xff0c;闲一品交易平台当然也不能排除在外。闲一品交易平台是以实际运用为开发背景&#xff0c;运用软件工程原理和开发方法&…

柔性数组的使用

1.只有一个malloc的情况 //柔性数组的使用 #include<stdio.h> #include<stdlib.h> #include<errno.h> struct s {int i;int a[]; }; int main() {struct s* ps (struct s*)malloc(sizeof(struct s) 20 * sizeof(int));if (ps NULL){perror("malloc&…

gradio RuntimeError: async generator raised StopAsyncIteration

主要是return和yield混用导致的&#xff0c;yield是可以流式回复&#xff0c;return一次性回答&#xff1b;需要通义&#xff0c;都改成yield&#xff0c;但不是流式的内容需要最后再加个return 移除了所有的 return 语句&#xff0c;改为 yield 加 return。在生成器函数中&…

SpringAI你知道吗???

目前AI的浪潮已经居高不下了&#xff0c;因此我最近也开始了有关AI的项目&#xff0c;再开始AI的项目之前&#xff0c;我们也要先熟知AI的开发文档和知识&#xff0c;才能更好的开发项目&#xff0c;因此特地从官网查看了有关SpringAI的使用。 Spring AI 官方说明文档&#xf…

从0到1,用Rust轻松制作电子书

我之前简单提到过用 Rust 做电子书&#xff0c;今天分享下如何用Rust做电子书。制作电子书其实用途广泛&#xff0c;不仅可以用于技术文档&#xff08;对技术人来说非常方便&#xff09;&#xff0c;也可以制作用户手册、笔记、教程等&#xff0c;还可以应用于文学创作。 如果…

c++应用网络编程之十三Linux下的epoll模式应用

一、epoll的应用 epoll在实际场景的应用是非常多的&#xff0c;特别是开源的框架中&#xff0c;基本都支持这种用法。大家可以在网上轻松的得到各种形式的epoll的封装代码&#xff0c;但是一定要明白的是&#xff0c;这些代码哪些是利用了epoll的机制&#xff0c;哪些是上层多…

计算机毕业设计django+大模型租房推荐系统 租房可视化 租房大屏可视化 租房爬虫 spark 58同城租房爬虫 房源推荐系统

开题报告&#xff1a;《Django大模型租房推荐系统》 一、研究背景与意义 随着城市化进程的加快&#xff0c;房屋租赁市场日益繁荣。然而&#xff0c;传统的房屋租赁方式存在信息不对称、交易流程繁琐等问题&#xff0c;给租户和房主带来了诸多不便。因此&#xff0c;开发一套…

SAP-MM委外的异常处理

业务场景&#xff1a; 在公司创建委外订单时&#xff0c;BOM下层原材料维护为0.5&#xff0c;产成品为1&#xff0c;共计4行&#xff0c;3个物料&#xff0c;底层原材料都是同一个 物料&#xff0c;也就是总计2个原材料&#xff0c;产成品数量4个&#xff0c;三个物料编码。 …

网站安全,WAF网站保护暴力破解

雷池的核心功能 通过过滤和监控 Web 应用与互联网之间的 HTTP 流量&#xff0c;功能包括&#xff1a; SQL 注入保护&#xff1a;防止恶意 SQL 代码的注入&#xff0c;保护网站数据安全。跨站脚本攻击 (XSS)&#xff1a;阻止攻击者在用户浏览器中执行恶意脚本。暴力破解防护&a…

ubuntu进程相关操作

进程相关操作 1.查看进程top/htop top 命令输出解释 在 top 命令中&#xff0c;字段通常表示如下&#xff1a; USER&#xff1a;进程的所有者。PR&#xff1a;优先级。NI&#xff1a;nice 值&#xff08;优先级调整&#xff09;。VIRT&#xff1a;进程使用的虚拟内存总量。…

如何在算家云搭建LongWriter(长文创作)

一、 LongWriter 简介 在自然语言处理领域&#xff0c;随着对长文本处理需求的不断增加&#xff0c;能够高效生成长文本的语言模型变得至关重要。LongWriter 的推出正是为了打破传统语言模型在生成超长文本时的限制。LongWriter-glm4-9b 是基于glm-4-9b进行训练的&#xff0c;…

C语言串口接收GPS数据

要在C语言中接收GPS数据&#xff0c;需要使用串口通信来与GPS设备进行数据交互。一个简单的串口通信代码主要包含了以下几个部分&#xff1a; 1.标准库头文件 stdio.h&#xff1a;包含输入输出函数&#xff0c;如 printf string.h&#xff1a;包含字符串处理函数&#xff0c…

【天线&空中农业】蜜蜂检测系统源码&数据集全套:改进yolo11-ASF

改进yolo11-dysample等200全套创新点大全&#xff1a;蜜蜂检测系统源码&#xff06;数据集全套 1.图片效果展示 项目来源 人工智能促进会 2024.10.30 注意&#xff1a;由于项目一直在更新迭代&#xff0c;上面“1.图片效果展示”和“2.视频效果展示”展示的系统图片或者视频可…

NavVis LX系列产品典型应用—现有住宅装修改造-沪敖3D

现有住宅装修改造项目的 数据捕捉和测量技术 当Jay Ure着手翻新和美化自己的新家时&#xff0c;他敏锐地发现这是现场测试NavVis VLX的绝佳机会。 为了全面评估&#xff0c;他聘请了一位工程师&#xff0c;采用传统的全站仪技术进行地形测绘。之后&#xff0c;他用移动扫描设…

《云主机配置全攻略》

《云主机配置全攻略》 一、云主机配置的重要性二、配置云主机的关键要素&#xff08;一&#xff09;CPU 的选择&#xff08;二&#xff09;内存的考量&#xff08;三&#xff09;硬盘的抉择&#xff08;四&#xff09;带宽的确定&#xff08;五&#xff09;机房线路的考虑&…

点评项目-12-好友关注

好友关注主要有三个功能&#xff1a; 1.关注和取关 2.共同关注 3.关注推送 关注和取关 涉及到的表&#xff0c;中间表&#xff1a;tb_follow,是博主 User 和粉丝 User 的中间表 请求一&#xff0c;查询是否关注了该用户&#xff1a; 请求路径&#xff1a;follow/or/not/…

Android 在github网站下载项目:各种很慢怎么办?比如gradle下载慢;访问github慢;依赖下载慢

目录 访问github慢gradle下载慢依赖下载慢 前言 大家好&#xff0c;我是前期后期&#xff0c;在网上冲浪的一名程序员。 为什么要看这篇文章呢&#xff1f;问题是什么&#xff1f; 我们在Github上面看到一些好的项目的时候&#xff0c;想下载下来研究学习一下。但经常遇到各…

阿里面试:为什么MySQL不建议使用Delete删除数据?

MySQL有建议过不要使用他们家的DELETE吗&#xff1f;在MySQL 8.0的官方文档里没有找到不建议使用DELETE的文字。 DELETE VS NOT DELETE&#xff0c;这是由来已久的问题 时间回到2009的8月30号。大佬Ayende Rahien——也被称为Oren Eini&#xff0c;Hibernating Rhinos公司的C…

机器学习中的嵌入是什么?

一、说明 嵌入是真实世界对象的数字表示&#xff0c;机器学习&#xff08;ML&#xff09;和人工智能&#xff08;AI&#xff09;系统利用它来像人类一样理解复杂的知识领域。例如&#xff0c;计算算法了解 2 和 3 之间的差为 1&#xff0c;这表明与 2 和 100 相比&#xff0c;2…

Python | Leetcode Python题解之第517题超级洗衣机

题目&#xff1a; 题解&#xff1a; class Solution:def findMinMoves(self, machines: List[int]) -> int:tot sum(machines)n len(machines)if tot % n:return -1avg tot // nans, s 0, 0for num in machines:num - avgs numans max(ans, abs(s), num)return ans