中国空间站 10页面 Chinese Space Station 天宫空间站 载人航天工程 中国梦航空梦 探索宇宙 带设计说明 JS图片轮播特效 动态php+mysql 注册登录留言功能

<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link href="css/style.css" rel="stylesheet" />
<title>中国空间站</title>
</head>
<body>
<div class="con">
  <div class="head">
    <div class="logo">
      <h1><a href="index.html"><img src="images/logo.png" ></a></h1>
    </div>
    <div class="nav">
      <ul>
        <li><a href="index.html">网站首页</a></li>
        <li><a href="page1.html">发展历史</a></li>
        <li><a href="page2.html">建成时间</a></li>
        <li><a href="page3.html">开展能力</a></li>
        <li><a href="page4.html">建造情况</a></li>
        <li><a href="page5.html">基本组成</a></li>
        <li><a href="reg.php">在线注册</a></li>
        <li><a href="login.php">立即登录</a></li>
        <li><a href="Message.php">留言交流</a></li>      
        </ul>
    </div>
    <div class="clear"></div>
  </div>
  <div class="clear"></div>
  <div class="lunbo">
    <div id="wrap">
      <ul id="content">
        <li><img src="images/banner1.jpg" alt=""></li>
        <li><img src="images/banner2.jpg" alt=""></li>
        <li><img src="images/banner3.jpg" alt=""></li>
        <li><img src="images/banner4.jpg" alt=""></li>
      </ul>
      <ul id="tips">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
      </ul>
    </div>
    <script type="text/javascript" src="js/slider.js"></script> 
    <script>
    var wrap = document.getElementById('wrap');
    var content = document.getElementById('content');
     var tips = document.getElementById('tips');
     var aLi = tips.getElementsByTagName('li');
    var now = 0;
    //var 
   for (var i = 0; i < aLi.length; i++) {
         aLi[0].className = 'active';                
         content.style.left = 0 +'px';
         aLi[i].index = i; 
         aLi[i].onclick = function() {
             now = this.index;
             play();
         }
     }
 
     function play() {
         for (var j = 0; j < aLi.length; j++) {
             aLi[j].className = '';
         }
         aLi[now].className = 'active';
         startMove(content, {
            left: -1160 * now
         });
     }
 
     function autoPlay() {
         now++;
         if (now == aLi.length) {
             now = 0;
         }
         play();
     }
 
     var timer = setInterval(autoPlay, 2000);
    wrap.onmouseover = function(){                  
         clearInterval(timer);                   
     }
     wrap.onmouseout = function(){
	         timer = setInterval(autoPlay,2000);
     }
     </script> 
  </div>
  <div class="clear"></div>
  <div class="main">
    <h2>中国空间站简介</h2>
       <div class="gouwu">
      <ul>
        <li><a href="#.html"><img src="images/tc1.jpg" /></a> </li>
        <li><a href="#.html"><img src="images/tc2.jpg" /></a> </li>
        <li><a href="#.html"> <img src="images/tc3.jpg" /> </a> </li>
      </ul>
      <div class="clear"></div>
    </div>
    <div class="clear"></div>
 <div class="fr"> <img src="images/about.jpg" style="width:400px;  padding:10px;" /></div>
    <p>中国空间站(天宫空间站,英文名称:Chinese Space Station)一般指的是中华人民共和国计划中的一个空间站系统。预计在2022年前后建成。空间站轨道高度为400~450公里,倾角42~43度,设计寿命为10年,长期驻留3人,总重量可达180吨   ,以进行较大规模的空间应用。 </p>
    <p> 1992年,中国政府就制定了载人航天工程“三步走”发展战略,建成空间站是发展战略的重要目标。 </p>
    <p> 2021年5月,空间站天和核心舱完成在轨测试验证。5月29日晚,我国在海南文昌航天发射场准时点火发射天舟二号货运飞船。这是空间站货物运输系统的第一次应用性飞行 。6月17日9时22分,搭载神舟十二号载人飞船的长征二号F遥十二运载火箭,在酒泉卫星发射中心点火发射此后。6月17日15时54分,神舟十二号载人飞船与天和核心舱完成自主快速交会对接 。6月17日18时48分,航天员聂海胜、刘伯明、汤洪波先后进入天和核心舱,标志着中国人首次进入自己的空间站。后续,航天员乘组将按计划开展相关工作。</p>
    <p>7月4日,神舟十二号航天员进行中国空间站首次出舱活动。</p>
    <p> 北京时间2021年7月4日14时57分,经过约7小时的出舱活动,神舟十二号航天员乘组密切协同,圆满完成出舱活动期间全部既定任务,航天员刘伯明、汤洪波安全返回天和核心舱,标志着我国空间站阶段航天员首次出舱活动取得圆满成功。</p>
    <p><strong>目标任务</strong></p>
    <p>按照空间站建造任务规划,2021年和2022年我国将接续实施11次飞行任务,包括3次空间站舱段发射,4次货运飞船以及4次载人飞船发射,于2022年完成空间站在轨建造,实现中国载人航天工程三步走发展战略第三步的任务目标。</p>
    <p><strong>价值意义</strong></p>
    <p>据了解,中国要把空间站建成开展大规模空间科学实验与应用的太空实验基地。张伟指出,“与前期任务相比,我国载人航天事业将更加开放,包括国际和国内两个方面。与此同时,有望产出一大批重大科学成果,突破一大批核心关键技术,获得无法估量的经济和社会效益。例如,开展国际前沿的量子调控与光传输研究将有力促进世界量子通信技术的发展,甚至引发通信革命。“</p>
    <p>建设和运营空间站是衡量一个国家经济、科技和综合国力的重要标志。在近地轨道建造和运营空间站,可以长期开展有人参与的、大规模的空间科学实验和技术试验,能够极大地促进空间科学、生命科学等空间技术发展,辐射带动相关领域技术创新。中国空间站的建造运营将为人类开展深空探索储备技术、积累经验,是中国为人类探索宇宙奥秘、和平利用外太空、推动构建人类命运共同体作出的积极贡献。</p>
    <div class="clear"></div>
    <div class="clear"></div>
  </div>
  <div class="clear"></div>
  <div class="foot">
    <p>版权所有: 中国空间站 All Right Served.</p>
  </div>
  <div class="clear"></div>
</div>
</body>
</html>

中国空间站 10页面 Chinese Space Station 天宫空间站 载人航天工程 中国梦航空梦 探索宇宙 带设计说明 JS图片轮播特效 动态php+mysql 注册登录留言功能 admin管理员修改删除 - 源乐大学生网页成品作业展示站-学生成品-网页素材模板-个人博客 人物明星 城市家乡 旅游景点 美食特产 购物电商 公司企业 学校大学网站成品-网页设计素材-DW-FL-PS作业-网页成品

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
### 回答1: 好的,下面是一个基本的HTML5网页结构,其中包含一个div元素和CSS样式: ```html <!DOCTYPE html> <html> <head> <title>网页标题</title> <style> /* CSS样式 */ #myDiv { background-color: lightblue; width: 300px; height: 200px; margin: 0 auto; text-align: center; padding-top: 50px; font-size: 24px; font-weight: bold; color: white; border: 2px solid black; border-radius: 10px; box-shadow: 5px 5px 5px grey; } </style> </head> <body> <!-- div元素 --> <div id="myDiv"> 这是一个div元素 </div> </body> </html> ``` 在上面的代码中,我们首先使用DOCTYPE声明指定了HTML5文档类型。然后,在<head>标签中定义了网页的标题和CSS样式。在<body>标签中,我们定义了一个id为"myDiv"的div元素,这个元素的内容是"这是一个div元素"。CSS样式中定义了这个div元素的背景颜色、宽度、高度、居中、文字对齐、内边距、字体大小、字体加粗、文字颜色、边框、圆角和阴影效果。 当你在浏览器中打开这个HTML文件时,你将看到一个宽度为300像素,高度为200像素的浅蓝色div元素,它在页面中水平居中,顶部有50像素的内边距,包含了一个黑色的2像素边框和一个10像素的圆角。这个div元素中的文字是白色的,居中显示,字体为24像素,加粗显示,具有灰色阴影效果。 ### 回答2: HTML5网页设计作业中,使用div和CSS是非常常见和重要的。 首先,div是HTML5中最常见的标签之一,用于创建一个独立的区块,可以用来分割和组织网页的内容。我们可以通过给div添加id或class属性来标识和选择它们,方便我们在CSS中进行样式的定义和控制。 在CSS中,样式是用来定义和控制网页元素的外观和布局的。我们可以通过选择器来选择指定的div元素,并对它们使用CSS属性进行样式的设置。例如,我们可以使用CSS属性设置div的宽度、高度、背景颜色、边框样式等等。 此外,CSS还提供了众多的布局和定位属性,可以让我们更精确地控制div的位置和排列方式。例如,我们可以使用position属性来设置div的定位方式(如相对定位、绝对定位等),使用float属性来实现多个div元素的浮动布局。 通过合理地使用div和CSS,我们可以实现各种网页布局和效果,如栅格布局、响应式布局、卡片式布局、悬浮导航栏等等。同时,div和CSS还能帮助我们实现更好的用户界面交互效果,如按钮的悬停、图片的渐变动画等。 总结起来,HTML5网页设计作业中,合理使用div和CSS是非常重要的。通过使用div标签和CSS样式,我们能够更灵活地控制网页的布局、样式和交互效果,让我们的网页更丰富、美观和实用。 ### 回答3: HTML5网页设计作业中的div和CSS是非常常见和重要的元素和技术。 首先,div在HTML中是一个容器元素,用于组织和布局页面的其他元素。通过使用div,可以将页面分成不同的区块或部分,使页面结构更加清晰和有序。通过给每个div添加唯一的ID或类名,可以方便地对其进行样式和布局的控制。 CSS,即层叠样式表,用于设置和控制网页的外观和样式。使用CSS,可以对div进行各种样式化操作,如设置背景颜色、文字样式、边框等。通过将CSS代码与HTML文档分离,可以提高网页的可维护性和灵活性。 在HTML5网页设计作业中,通常会使用div和CSS来实现以下功能和效果: 1. 页面布局:通过将页面分割成多个div区域,可以实现不同部分的布局,如页眉、导航栏、内容区域和页脚等。使用CSS对这些div进行样式设置,可以使页面具有良好的视觉效果和用户体验。 2. 响应式设计:使用CSS的媒体查询功能,可以根据不同设备的屏幕尺寸和分辨率,针对性地调整div的样式和布局,以实现网页的响应式设计,适应不同设备的显示需求。 3. 动态效果:CSS提供了丰富的动画和过渡效果,可以通过对div的样式设置来实现各种动态效果,如淡入淡出、滑动、旋转等。这些动态效果可以提升页面的交互性和吸引力。 4. 表单设计:在网页中添加表单元素时,可以将表单元素和其标签、提示文字等内容放在不同的div中,通过CSS设置这些div的样式和布局,使表单更加美观和易用。 综上所述,div和CSS在HTML5网页设计作业中具有重要的作用,可用于实现页面布局、响应式设计、动态效果和表单设计等功能和效果。熟练掌握和运用div和CSS技术,可以提升网页的质量和用户体验。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

源乐网页设计制作

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值