超越的第一天

最新推荐文章于 2024-07-12 20:49:16 发布
最新推荐文章于 2024-07-12 20:49:16 发布
阅读量40 收藏
点赞数
文章标签： css html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2201_75750370/article/details/129881492
版权

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8"><!--告诉浏览器编码格式   utf支持中文-->

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>奥斯卡影城</title>

    <link rel="stylesheet" href="css/index.css" type="text/css"/>

    <!--可使用快捷键  直接打link-->

    <!--如果要用css；必须加link-->

</head>

<body>

    <!--js是特效  css是样式-->

    <!--顶部-->

    <div>

    <!--热链接是a--><a href="#"><img src="img/d13a7cbfc255624a1f5aa7090c391256.png" title="sina" alt="新浪"></a>

    <!--热链接是a--><a href="#"><img src="img/R-C.jpg" title="qq" alt="QQ"></a>

    <!--热链接是a--><a href="#">登录|</a>

    <!--热链接是a--><a href="#">注册|</a>

    <span>全国服务热线：888-8888888</span>

    <hr  /><!--下划线-->


 

    </div>

    <!--logo-->

    <div>

        <a href="#">

            <img src="img/奥斯卡电影城.png" alt="logo">

        </a>


 

    </div>

    <!--导航栏-->

    <div>

      <ul style="display: inline-block;">

        <li style="display: inline-block;"><a href="#">首页</a></li>

        <li style="display: inline-block;"><a href="#">影片</a></li>

        <li style="display: inline-block;"><a href="#">影城</a></li>

        <li style="display: inline-block;"><a href="#">购票</a></li>

        <li style="display: inline-block;"><a href="#">影城活动</a></li>

        <li style="display: inline-block;"><a href="#">会员服务</a></li>

        <li style="display: inline-block;"><a href="#">顾客互动</a></li>

      </ul>

      <span>

        <input type="text" placeholder="搜索影片" name="search"/><!--大框-->

        <input type="button" name="btn" value="搜索"/><!--小框-->

      </span>



 

    </div>

    <!--主体部分-->

    <div></div>

       <!--轮播图-->

       <div>

          <img src="img/轮播图.jpg">

       </div>

       <!--快速购票-->

       <div>

          <ul style="display: inline-block;">

            <li style="display: inline-block;">

              <img src="img/快速购票.jpg" alt="快速购票">

            </li>

            <li style="display: inline-block;">

              <select>

                <option>选择影院</option>

                <option>奥斯卡影城</option>

                <option>万达影院</option>

              </select>

            </li>

            <li style="display: inline-block;">

              <select>

                <option>选择电影</option>

                <option>追杀电影</option>

                <option>影电影</option>

                <option>cs电影</option>

v

              </select>

            </li>

            <li style="display: inline-block;">

              <select>

                <option>选择时间</option>

                <option>17：50-19：50</option>

                <option>20;00-22:00</option>

                <option>23:00-01:00</option>

v

              </select>

            </li>

            <li style="display: inline-block;">

              <select>

                <option>选择场次</option>

                <option>01号场</option>

                <option>02号场</option>

                <option>03号场</option>

v

              </select>

            </li>

            <!--快速购票-->

            <li style="display: inline-block;">

              <a href="#">快速购票</a>

            </li>

          </ul>

       </div>

       <!--即将上映-->

       <div>

         <span>正在热映</span>

         <span>即将上映</span>

         <hr  width="100%"  color="red" size="2"/>


 

         <!--正在热映-->

         <ul style="display: inline-block;">

           <li style="display: inline-block;">

            <img src="img/蜘蛛侠.jpg"><br/>

            <p>蜘蛛侠</p>

           </li>

           <li style="display: inline-block;">

            <img src="img/复仇者联盟.jpg"><br/>

            <p>复仇者联盟</p>

           </li>

           <li style="display: inline-block;">

            <img src="img/死侍.jpg"><br/>

            <p>死侍</p>

           </li>

         </ul>

         <ul style="display: inline-block;">

          <li style="display: inline-block;">

           <img src="img/海上钢琴师.jpg"><br/>

           <p>海上钢琴师</p>

          </li>

          <li style="display: inline-block;">

           <img src="img/金刚狼.jpg"><br/>

           <p>金刚狼</p>

          </li>

          <li style="display: inline-block;">

           <img src="img/小丑.jpg"><br/>

           <p>小丑</p>

          </li>

        </ul>


 

      </div>

       <!--侧边栏-->

      <div>

        <span>影城活动</span>

        <a href="#">更多</a>

        <hr color="red" size="3" width="100%"/>

        <p>

          <img src="img/侧边.jpg"/>

        </p>

        <ul>

          <li style="display: inline-block;">

            <img src="img/侧边01.jpg" width="72" height="45" /><br/><!--br是换行的意思-->

            <font size="1">刘亦菲</font>

          </li>

          <li style="display: inline-block;">

            <img src="img/侧边01.jpg" width="72" height="45" /><br/>

            <font size="1">刘亦菲</font>

          </li>

          <li style="display: inline-block;">

            <img src="img/侧边01.jpg" width="72" height="45" /><br/>

            <font size="1">刘亦非</font>

          </li>

        </ul>    

      </div>  

      <div>

          <!--服务公告-->

          <spna>服务公告</spna>

          <a href="#">更多&lt;&lt;</a>

      <hr color="red" size="3" width="100%" />

      <ul>

        <li>

          <a href="#">2013电影</a>

        </li>

        <li>

          <a href="#">2013电影</a>

        </li>

        <li>

          <a href="#">2013电影</a>

        </li>

        <li>

          <a href="#">2013电影</a>

        </li>

        <li>

          <a href="#">2013电影</a>

        </li>

        <li>

          <a href="#">2013电影</a>

        </li>

        <li>

          <a href="#">2013电影</a>

        </li>

      </ul>

      <!--品牌资讯-->

      <span>品牌资讯</span>

      <a href="#">更多&lt;&lt;</a>

      <hr color="red" size="3" width="100%" />


 

  <ul>

    <li>

      <a href="#">2013电影</a>

    </li>

    <li>

      <a href="#">2013电影</a>

    </li>

    <li>

      <a href="#">2013电影</a>

    </li>

    <li>

      <a href="#">2013电影</a>

    </li>

    <li>

      <a href="#">2013电影</a>

    </li>

    <li>

      <a href="#">2013电影</a>

    </li>

    <li>

      <a href="#">2013电影</a>

    </li>

  </ul>

    </div>

     

    </div>

    <!--底部-->

    <div>

      <ul style="display: inline-block;">

      <li><h3>新手上路</h3></li>

      <li>注册登录问题</li>

      <li >用户绑定会员卡问题</li>

      <li>影票相关问题</li>

      <li>票价和支付问题</li>

      <li>取票凭证码和取票问题</li>


 

      </ul>    

      <ul style="display: inline-block;">

        <li><h3>购票指南</h3></li>

        <li>用户购票流程</li>

        <li>取票观影指南</li>

        <li>会员卡支付相关说明</li>

        <li>网银支付相关说明</li>

       

      </ul>    

      <ul style="display: inline-block;">

        <li><h3>会员权益</h3></li>

        <li>会员订票权益</li>

        <li>会员积分权益</li>

        <li>入会资格</li>

        <li>会员卡折扣说明</li>

       

      </ul>    

      <ul style="display: inline-block;">

        <li><h3>联系我们</h3></li>

        <li>手机客户端介绍与下载</li>

        <li>影片信息查询</li>

        <li>手机自助购票</li>

       

       

      </ul>

      <p>

        <a href="#">公司介绍</a>

        <a href="#">合作咨询</a>

        <a href="#">友情链接</a>

        <a href="#">网站地图</a>

        <a href="#">站长统计</a>

        <a href="#">网站声明</a>

           

      <p>

        Copyright @ 2013 ed by

      </p>    


 

    </div>

</body>

</html>

玫瑰风城
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
第一课：什么是树莓派
下家山的博客
03-31 2万+
楔子 我对树莓派是情有独钟，不但在做这个方面的教学，而且录制了些教学视频，现在计划做几个树莓派的博客专栏，以弥补视频教学的不足。这是《树莓派系统专栏》 的第一课，叫什么是树莓派(这也是我教学视频的第一课)，希望给第一次接触树莓派的人有一个感性认识。 树莓派长什么样 我们要搞清楚一个刚接触的东西，最直观的是看它的实物，下面我就先上一张图。 我希望上最好的图片给大家，包括专业和美感，这张图是树莓派官网...
《英雄编程体验课》第 15 课 | C语言中的数学库
热门推荐
英雄哪里出来
07-05 5万+
C语言中的数学库
第一个超级计算机深蓝,从“深蓝”到“阿尔法狗”， 人工智能发展的一大步...
weixin_34098296的博客
07-14 4933
作者｜周　洁对于人工智能来说，1997 年5月11日是历史性的一天。IBM的超级计算机“深蓝”(Deep Blue)以2胜1负3平的成绩战胜了当时世界排名第一的国际象棋大师加里·卡斯帕罗夫，一时间全球轰动。“深蓝”的设计者们在当时就想到了下一个小目标：“何时计算机也能下围棋呢？”2016年3月15日，谷歌围棋人工智能“阿尔法狗”(Alpha Go)与韩国棋手李世石对弈并以4：1的成绩获胜，这场“人...
华为立 Flag：一年超越三星做全球智能手机老大！
唐小引的 CSDN 博客
02-19 3864
当智能手机已近而立之年，“机海战术”已死，每个季度智能手机出货量增长愈加缓慢，无论国内外均已宣告智能手机的战争已经结束之时，还剩下最后一个悬念，那就是总把头的位置是不是要换一换。 作者 | 唐小引 出品 | CSDN（ID：CSDNnews） 在 2018 年，尽管华为遇到了很多坎坷的事情，经历了诸多磨难。但依然很开心，硕果累累，最具有标志性的，当属在全球智能手机市场，连续两个季度超越苹...
全面超越，十天夺冠
王达专栏
01-10 1685
今天是2012年的元月10号，也是我的2012年第一本图书《Cisco/H3C交换机配置与管理完全手册》（第二版）在当当网上架的第10天。看看这10天来的销售成绩如何？下面分别是第五天和第十天在当当网查询得到的结果。十天，一路挺进，全面超越，成功压取“网络配置与管理“类销售排行的No.1，在整个“网络与数据通信”类的销售排行中也杀入到No.2的位置。感谢广大读者朋友的信任与支持！！   目前该书仅
春节后第一天上班
strongerHuang
01-31 2618
关注+星标公众号，不错过精彩内容作者 |strongerHuang微信公众号 |strongerHuang今天农历正月初十，想必大家都上班了！如果你的公司还没有上班，那你要小心，谨防你的老板跑路（特别是年底画了大饼的公司）。—1—今年的春节，和前两年不一样，疫情管控放开了，回老家的人特别多、车特别多、路特别堵。首先，小车特别多，交通相对更拥堵，特别是乡村小道上。本来乡下的道路就很窄（有些地...
第一次使用Egret开发微信小游戏经验总结（包括排行榜排序，每周一数据清零，超越好友等处理）
xw1110280055的专栏
09-06 9426
最近项目组立项了个小游戏，用Egret(白鹭)开发，本来游戏核心功能2天就完成了，后来准备接入微信好友排行榜的时候，用到了子域，加入分享给好友的时候，图片合成后分享给微信好友有时候不能显示出图片内容。现整理一下，避免大家踩坑。 好友排行榜微信只让我们在开放数据域(后文都简称为”子域”)里面操作(毕竟这是人家最重要最值钱的数据了,不会让我们拿来随便用的),小游戏做好后，想加入排行榜...
《超越自卑的活法Live》内容整理
lutianfei的专栏
11-14 3779
驱动人前进的动力 1、投入专注的做事——成就感 2、和他人之间的情感联系——爱 3、权利、支配、控制、尊重、优越感——排序 议题一 自卑是排序的产物 来源一：成绩的排序是一种社会现象，是人民根深蒂固的思维 来源二：我们与父母的关系，及父母之间的关系无条件的接纳与爱：自信 传输排序观念：自卑 排序思维会排挤掉另两种思维模
pmp每日一题
weixin_41643133的博客
12-25 3万+
2019.12.25 每日一题： You are a project manager of a company and your project is currently in execution phase.The customer has requested you for additional work. This work will affect the budget, but not t...
杨超越第一，Python第二
AI科技大本营
03-14 4327
追星追到程序员们狂热得搞起了编程比赛，长这么大，这种应援架势真没见过。没错，说的就是你们的杨超越妹妹。近日百度贴吧吧主在杨超越吧发帖，呼吁要为自己的偶像组织第一届杨超越杯...
HenCoderDemo1:自定义View第一天的demo
04-30
"HenCoderDemo1:自定义View第一天的demo" 这个标题表明这是一个关于Android自定义View的学习项目，出自HenCoderPlus系列教程的第一天内容。自定义View在Android开发中是一项重要的技能，它允许开发者创建具有独特...
江苏软件架构师培训讲义--第一天
02-03
江苏软件架构师培训讲义共包括七天的讲义，这是第一天的讲义。 你可以选择下载自己感兴趣的内容。 七天讲义的目录如下： 01 Beyond Software Architecture.pdf 02 embedded Software Architecture.pdf 02 linux_...
安徽省太和第一中学2019_2020学年高二物理下学期教学衔接调研考试试题超越班
09-08
7. **热力学第一定律**：理想气体的热力学过程，根据第一定律，吸收的热量与对外做的功之和等于内能的改变。题目中涉及了气体对外做功，从而推断内能和温度的变化。 8. **物理史实**：题目中涉及了物理学家及其贡献...
中考资料系列-21天第一周打卡任务.docx
04-30
【中考资料系列-21天第一周打卡任务】 在备考中考的过程中，积累诗词和阅读理解是至关重要的。这篇文档提供了一周的学习计划，包括背诵、阅读和复习的任务，旨在帮助学生系统性地掌握古诗词及传统文化知识。 首先...
软件测试讲义 第三天 共3天
03-04
- 它提供了强大的脚本调试工具Microsoft Script Debugger，并且在功能测试领域有超越WinRunner的趋势。 4. **Rational Robot**： - Rational Robot是IBM Rational公司的一款功能和性能测试工具，它具有良好的扩展...
html设计（两种常见的充电效果）
最新发布
2301_81704123的博客
07-12 1379
title>充电效果
CSS技巧专栏：一日一例 3.纯CSS实现炫酷多彩按钮特效
uu0216的博客
07-10 1208
CSS的 box-shadow 属性可以用来给一个元素添加一个或多个阴影效果。如果你想要给一个div元素添加多种颜色的投影，你可以通过在box-shadow属性中用逗号分隔多个值对来实现。 上面代码，我们分别给按钮增加了红，黄，蓝，绿四种颜色的投影，并且让投影扩散范围增大，我们看看效果是不是我们想要的。在浏览器中刷新我们的按钮页面，把鼠标移动到按钮上，我们得到了这样的按钮效果：
CSS【详解】层叠 z-index （含 z-index 的层叠规则，不同样式的层叠效果）
朝阳39的博客
07-09 634
仅对已定位的元素（）有效，默认值为0，可以为负值。
css画半圆&&画圆弧
M1512415的博客
07-12 153
【代码】css画半圆&&画圆弧。
请写一篇玄幻小说的第一章。小说主角名叫张力，是一个名为天道门的小修仙门派的外门弟子，资质平常，某天捡到一件神秘的小钥匙，能够打开异世界的大门，从此主角走上了修炼的大道。小说风格要求诙谐幽默，第一章字数5000字以上。
02-21
某天，张力醒来，窗外的阳光灿烂如花，他睁开眼睛，看到一缕金色的阳光从窗外照射进来，这一刻，他觉得今天将是个心情愉悦的一天。他推开被子，走到窗边，把头伸出去，看到了天道门的大门，它犹如一张面向张力的怀抱，他有种想要穿越大门，踏入异世界的冲动。就在这个时候，他发现了脚边的一块石头，他伸手把它拿起来，发现它不是一块普通的石头，它上面有一个神秘的小钥匙，看上去像是能够打开异世界的大门一样。张力拿着这把小钥匙，打开了天道门的大门，一股强大的能量从大门中涌出，让他身体发出了隐隐的震动，他感觉到自己进入到了一个全新的世界，他发现自己的资质也变强了，现在他可以去修炼了。一路上，他遇到了各种各样的修炼者，他们向他讲述着各种奇闻轶事，有的修炼者拥有超乎想象的力量，他们可以操控生死，可以操纵天地，可以穿越异世界。张力也渐渐的接受了这个世界的一切，他也开始修炼，他一路走来，感受着这片美丽的世界，他也遇到了一些有趣的人，他也发现了一些有意思的事情。渐渐的，他也变得更加聪明，更加有趣，他也变得更加强大，他终于可以真正开始修炼了，他也开始着手准备着一段修炼征程，他也开始梦想着将来能够超越众人，成为一个真正的强者！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值