文档章节

网页学习(部分)

 易水寒521
发布于 2015/08/05 16:27
字数 1704
阅读 18
收藏 0

index.html

<head>
  <title>About</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.5.2.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Cabin_400.font.js"></script>
<script type="text/javascript" src="js/tabs.js"></script>
<script type="text/javascript" src="js/jquery.jqtransform.js" ></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="js/atooltip.jquery.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<style type="text/css">
   .main, .tabs ul.nav a, .content, .button1, .box1, .top { behavior:url(js/PIE.htc)}
</style>
   <div style=' clear: both; text-align:center; position: relative;'>
      <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/images/upgrade.jpg" border="0"  alt="" /></a>
   </div>
</head>
<body id="page1">
<div class="main">
 <header>
      <div class="wrapper">
         <h1><a href="index.html" id="logo">Air lines</a></h1>
         <span id="slogan">Fast, Frequent &amp; Safe Flights</span>
         <nav id="top_nav">
            <ul>
               <li><a href="index.html" class="nav1">Home</a></li>
               <li><a href="#" class="nav2">Sitemap</a></li>
               <li><a href="Contacts.html" class="nav3">Contact</a></li>
            </ul>
         </nav>
      </div>
      <nav>
         <ul id="menu">
            <li id="menu_active"><a href="index.html"><span><span>About</span></span></a></li>
            <li><a href="Offers.html"><span><span>Offers</span></span></a></li>
            <li><a href="Book.html"><span><span>Book</span></span></a></li>
            <li><a href="Services.html"><span><span>Services</span></span></a></li>
            <li><a href="Safety.html"><span><span>Safety</span></span></a></li>
            <li class="end"><a href="Contacts.html"><span><span>Contacts</span></span></a></li>
         </ul>
      </nav>
   </header><div class="ic">More Website Templates</div>
 <section id="content">
      <div class="for_banners">
         <article class="col1">
                  <div class="tabs">
                     <ul class="nav">
                        <li class="selected"><a href="#Flight">Flight</a></li>
                        <li><a href="#Hotel">Hotel</a></li>
                        <li class="end"><a href="#Rental">Rental</a></li>
                     </ul>
                     <div class="content">
                        <div class="tab-content" id="Flight">
                           <form id="form_1" method="post">
                              <div>
                                 <div class="radio">
                                    <div class="wrapper">
                                        <input type="radio" name="name1" checked>
                                        <span class="left">Standard</span>
                                        <input type="radio" name="name1">
                                        <span class="left">World Map</span>
                                    </div>
                                 </div>
                                 <div class="row">
                                    <span class="left">From</span>
                                    <input type="text" class="input">
                                 </div>
                                 <div class="row">
                                    <span class="left">To</span>
                                    <input type="text" class="input">
                                 </div>
                                 <div class="wrapper">
                                    <div class="col1">
                                       <div class="row">
                                          <span class="left">Outbound</span>
                                          <input type="text" class="input1" value="03.05.2011"  onblur="if(this.value=='') this.value='03.05.2011'" onFocus="if(this.value =='03.05.2011' ) this.value=''">
                                       </div>
                                       <div class="row">
                                          <span class="left">Return</span>
                                          <input type="text" class="input1" value="10.05.2011"  onblur="if(this.value=='') this.value='10.05.2011'" onFocus="if(this.value =='10.05.2011' ) this.value=''">
                                       </div>
                                    </div>
                                    <input type="text" class="input1 marg_top1" value="+/- 0 Days"  onblur="if(this.value=='') this.value='+/- 0 Days'" onFocus="if(this.value =='+/- 0 Days' ) this.value=''">
                                 </div>
                                 <div class="row">
                                    <span class="left">Adults</span>
                                    <input type="text" class="input2" value="2"  onblur="if(this.value=='') this.value='2'" onFocus="if(this.value =='2' ) this.value=''">
                                 </div>
                                 <div class="row">
                                    <span class="left">Children</span>
                                    <input type="text" class="input2" value="0"  onblur="if(this.value=='') this.value='0'" onFocus="if(this.value =='0' ) this.value=''">
                                    <span class="pad_left1">(0-11 years)</span>
                                 </div>
                                 <div class="wrapper">
                                    <span class="right relative"><a href="#" class="button1" onClick="document.getElementById('form_1').submit()"><strong>Search</strong></a></span>
                                    <a href="#" class="link1">More Options</a>
                                 </div>
                              </div>
                           </form>
                        </div>
                        <div class="tab-content" id="Hotel">
                           <form id="form_2" method="post">
                              <div>
                                 <div class="radio">
                                    <div class="wrapper">
                                        <input type="checkbox" checked>
                                        Our Partners
                                    </div>
                                 </div>
                                 <div class="row">
                                    <span class="left">Location</span>
                                    <input type="text" class="input">
                                 </div>
                                 <div class="row">
                                    <span class="left">Check-in  </span>
                                    <input type="text" class="input1" value="03.05.2011"  onblur="if(this.value=='') this.value='03.05.2011'" onFocus="if(this.value =='03.05.2011' ) this.value=''">
                                    <a href="#" class="help"></a>
                                 </div>
                                 <div class="row">
                                    <span class="left">Check-out  </span>
                                    <input type="text" class="input1" value="10.05.2011"  onblur="if(this.value=='') this.value='10.05.2011'" onFocus="if(this.value =='10.05.2011' ) this.value=''">
                                    <a href="#" class="help"></a>
                                 </div>
                                 <div class="row">
                                    <span class="left">Rooms</span>
                                    <input type="text" class="input2" value="1"  onblur="if(this.value=='') this.value='1'" onFocus="if(this.value =='1' ) this.value=''">
                                    <a href="#" class="help"></a>
                                 </div>
                                 <div class="row">
                                    <span class="left">Adults</span>
                                    <input type="text" class="input2" value="2"  onblur="if(this.value=='') this.value='2'" onFocus="if(this.value =='2' ) this.value=''">
                                 </div>
                                 <div class="row">
                                    <span class="left">Children</span>
                                    <input type="text" class="input2" value="0"  onblur="if(this.value=='') this.value='0'" onFocus="if(this.value =='0' ) this.value=''">
                                    <span class="pad_left1">(0-11 years)</span>
                                 </div>
                                 <div class="wrapper">
                                    <span class="right relative"><a href="#" class="button1" onClick="document.getElementById('form_2').submit()"><strong>Search</strong></a></span>
                                    <a href="#" class="link1">More Options</a>
                                 </div>
                              </div>
                           </form>
                        </div>
                        <div class="tab-content" id="Rental">
                           <form id="form_3" method="post">
                              <div>
                                 <div class="radio">
                                    <div class="wrapper">
                                        <input type="radio" name="name2" checked>
                                        <span class="left">Avis</span>
                                        <input type="radio" name="name2">
                                        <span class="left">Europcar</span>
                                    </div>
                                 </div>
                                 <div class="row">
                                    <span class="left">Rental location</span>
                                    <input type="text" class="input">
                                 </div>
                                 <div class="row">
                                    <span class="left">Pick-up</span>
                                    <input type="text" class="input1" value="03.05.2011"  onblur="if(this.value=='') this.value='03.05.2011'" onFocus="if(this.value =='03.05.2011' ) this.value=''">
                                    <input type="text" class="input2" value="12:00"  onblur="if(this.value=='') this.value='12:00'" onFocus="if(this.value =='12:00' ) this.value=''">
                                 </div>
                                 <div class="row">
                                    <span class="left">Return</span>
                                    <input type="text" class="input1" value="10.05.2011"  onblur="if(this.value=='') this.value='10.05.2011'" onFocus="if(this.value =='10.05.2011' ) this.value=''">
                                    <input type="text" class="input2" value="12:00"  onblur="if(this.value=='') this.value='12:00'" onFocus="if(this.value =='12:00' ) this.value=''">
                                 </div>
                                 <div class="row_select">
                                    <span class="left">Miles &amp; More</span>
                                    <select><option>no membership</option></select>
                                 </div>
                                 <div class="row_select">
                                    <div class="pad_left1">
                                       Country of residence<br>
                                       <div class="select1"><select><option>&nbsp;</option></select></div>
                                    </div>
                                 </div>
                                 <div class="wrapper">
                                    <span class="right relative"><a href="#" class="button1" onClick="document.getElementById('form_3').submit()"><strong>Search</strong></a></span>
                                 </div>
                              </div>
                           </form>
                        </div>
                     </div>
                  </div> 
               </article>
               <div id="slider">
                  <img src="images/banner1.jpg" alt="">
                  <img src="images/banner2.jpg" alt="">
                  <img src="images/banner3.jpg" alt="">
               </div>
            </div>
      <div class="wrapper pad1">
         <article class="col1">
            <div class="box1">
                     <h2 class="top">Offers of the Week from UK</h2>
                     <div class="pad">
                        <strong>From Birmingham</strong><br>
                        <ul class="pad_bot1 list1">
                           <li>
                              <span class="right color1">from GBP 143.-</span>
                              <a href="Book2.html">Zurich</a>
                           </li>
                        </ul>
                        <strong>From London City</strong><br>
                        <ul class="pad_bot1 list1">
                           <li>
                              <span class="right color1">from GBP 176.-</span>
                              <a href="Book2.html">Basel</a>
                           </li>
                           <li>
                              <span class="right color1">from GBP 109.-</span>
                              <a href="Book2.html">Geneva</a>
                           </li>
                        </ul>
                        <strong>From London Heathrow</strong><br>
                        <ul class="pad_bot2 list1">
                           <li>
                              <span class="right color1">from GBP 100.-</span>
                              <a href="Book2.html">Geneva</a>
                           </li>
                           <li>
                              <span class="right color1">from GBP 112.-</span>
                              <a href="Book2.html">Zurich</a>
                           </li>
                           <li>
                              <span class="right color1">from GBP 88.-</span>
                              <a href="Book2.html">Basel</a>
                           </li>
                        </ul>
                     </div>
                     <h2>From Ireland To Switzerland</h2>
                     <div class="pad">
                        <strong>From Dublin</strong><br>
                        <ul class="pad_bot2 list1">
                           <li class="pad_bot1">
                              <span class="right color1">from EUR 122.-</span>
                              <a href="Book2.html">Zurich</a>
                           </li>
                        </ul>
                     </div>
                  </div>
               </article>
               <article class="col2">
                  <h3>About Our Airlines<span>Template created  team</span></h3>
                  <div class="wrapper">
                     <article class="cols">
                        <figure><img src="images/page1_img1.jpg" alt="" class="pad_bot2"></figure>
                        <p class="pad_bot1"><strong>Airlines is one of free website templates created  team.</strong></p>
                        <p>This website template is optimized for 1024X768 screen resolution. It is also XHTML &amp; CSS valid. This website template has several pages: <a href="index.html">About</a>, <a href="Offers.html">Offers</a>, <a href="Book.html">Book</a>, <a href="Services.html">Services</a>, <a href="Safety.html">Safety</a>, <a href="Contacts.html">Contacts</a>.</p>
                     </article>
                     <article class="cols pad_left1">
                        <figure><img src="images/page1_img2.jpg" alt="" class="pad_bot2"></figure>
                        <p class="pad_bot1"><strong>This Airlines Template goes with two packages.</strong></p>
                        <p>With PSD source files and without them. PSD source files are available for free for the registered members of Templates.com. The basic package (without PSD source files) is available for anyone without registration).</p>
                     </article>
                  </div>
                  <a href="#" class="button1"><strong>Read More</strong></a>
               </article>
            </div>
         </section>
 <footer>
            <div class="wrapper">
               <ul id="icons">
                  <li><a href="#" class="normaltip" title="Facebook"><img src="images/icon1.jpg" alt=""></a></li>
                  <li><a href="#" class="normaltip" title="Delicious"><img src="images/icon2.jpg" alt=""></a></li>
                  <li><a href="#" class="normaltip" title="Stumble Upon"><img src="images/icon3.jpg" alt=""></a></li>
                  <li><a href="#" class="normaltip" title="Twitter"><img src="images/icon4.jpg" alt=""></a></li>
                  <li><a href="#" class="normaltip" title="Linkedin"><img src="images/icon5.jpg" alt=""></a></li>
                  <li><a href="#" class="normaltip" title="Reddit"><img src="images/icon6.jpg" alt=""></a></li>
               </ul>
               <div class="links">
Copyright &copy; 2014.Company name All rights reserved.<a target="_blank" href="http://www.mycodes.net/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></div>
            </div>
         </footer>
 </div>
<script type="text/javascript"> Cufon.now(); </script>
<script>
   $(document).ready(function() {
      tabs.init();
   });
   jQuery(document).ready(function($) {
      $('#form_1, #form_2, #form_3').jqTransform({imgPath:'jqtransformplugin/img/'});    
   });
   $(window).load(function() {
   $('#slider').nivoSlider({
      effect:'fade', //Specify sets like: 'fold,fade,sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft' 
 slices:15,
      animSpeed:500,
      pauseTime:6000,
      startSlide:0, //Set starting Slide (0 index)
 directionNav:false, //Next & Prev
 directionNavHide:false, //Only show on hover
 controlNav:false, //1,2,3...
 controlNavThumbs:false, //Use thumbnails for Control Nav
 controlNavThumbsFromRel:false, //Use image rel for thumbs
 controlNavThumbsSearch: '.jpg', //Replace this with...
 controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
 keyboardNav:true, //Use left & right arrows
 pauseOnHover:true, //Stop animation while hovering
 manualAdvance:false, //Force manual transitions
 captionOpacity:1, //Universal caption opacity
 beforeChange: function(){},
      afterChange: function(){},
      slideshowEnd: function(){} //Triggers after all slides have been shown
 });
   });
</script>
</body>
</html>


© 著作权归作者所有

粉丝 1
博文 130
码字总数 120077
作品 0
虹口
私信 提问
从零开始学 Web 之 HTML(一)认识前端

大家好,这里是 Daotin 从零开始学 Web 系列教程。此文首发于「 Daotin的梦呓 」,欢迎大家订阅关注。在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩...

fengdaoting
2018/05/20
0
0
前端历程(一)------初识前端

前言 刚刚接触前端这一概念和基础知识是大一下学期的时候,有一门课程叫做客户端技术。起初只是把它当做一门一般的非考试课对待,上课也不认真听,到最后结课让提交大作业时,也是因为巧合之...

Betray.
2018/11/10
0
0
全球主要城市实时天气查询

作为学习javascript的练习,我制作了一个网页,可以查询全球主要城市此时此刻的天气,请点击进入。 写这个网页,主要是为了学习,如何在同一个页面中打开一个新窗口。这种技术的英文名字叫做...

阮一峰
2007/12/20
0
0
Python爬虫入门:爬虫基础了解

有粉丝私信我想让我出更基础一些的,我就把之前平台的copy下来了,可以粗略看一下,之后都会慢慢出。 1.什么是爬虫 爬虫,即网络爬虫,大家可以理解为在网络上爬行的一直蜘蛛,互联网就比作一...

天才小熊猫QAQ
2017/10/30
111
0
python培训入门之python爬虫

老男孩教育python培训教你用python爬虫开发技术 网络爬虫(又被称为网页蜘蛛,网络机器人,在FOAF社区中间,更经常的称为网页追逐者),是一种按照一定的规则,自动地抓取万维网信息的程序或...

python入门
2017/04/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

golang-字符串-地址分析

demo package mainimport "fmt"func main() {str := "map.baidu.com"fmt.Println(&str, str)str = str[0:5]fmt.Println(&str, str)str = "abc"fmt.Println(&s......

李琼涛
今天
4
0
Spring Boot WebFlux 增删改查完整实战 demo

03:WebFlux Web CRUD 实践 前言 上一篇基于功能性端点去创建一个简单服务,实现了 Hello 。这一篇用 Spring Boot WebFlux 的注解控制层技术创建一个 CRUD WebFlux 应用,让开发更方便。这里...

泥瓦匠BYSocket
今天
9
0
从0开始学FreeRTOS-(列表与列表项)-3

FreeRTOS列表&列表项的源码解读 第一次看列表与列表项的时候,感觉很像是链表,虽然我自己的链表也不太会,但是就是感觉很像。 在FreeRTOS中,列表与列表项使用得非常多,是FreeRTOS的一个数...

杰杰1号
今天
9
0
Java反射

Java 反射 反射是框架设计的灵魂(使用的前提条件:必须先得到代表的字节码的 Class,Class 类 用于表示.class 文件(字节码)) 一、反射的概述 定义:JAVA 反射机制是在运行状态中,对于任...

zzz1122334
今天
9
0
聊聊nacos的LocalConfigInfoProcessor

序 本文主要研究一下nacos的LocalConfigInfoProcessor LocalConfigInfoProcessor nacos-1.1.3/client/src/main/java/com/alibaba/nacos/client/config/impl/LocalConfigInfoProcessor.java p......

go4it
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部