tab.html

   1
   2
   3 <!DOCTYPE html>
   4 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
   5 <head>
   6     <meta charset="utf-8">
   7     <title>tab</title>
   8     <!--
   9     <link rel="stylesheet" href="CSS/bootstrap-grid.css">
  10     -->
  11     <link rel="stylesheet" href="tab.css">
  12 </head>
  13 <body>
  14     <h1 style="background-color: rgb(155, 155, 155); text-align: center;"><font color=#fff>W</font>eb system <font color=#fff>I</font>ntegreted <font color=#fff>T</font>em<font color=#fff>s</font></h1>
  15     <div class="container">
  16         <div class="row">
  17             <div class="col-md-2">
  18                 <div class="js-tabs">
  19                 <ul id="tab_menu1" class="tab_menu" style="padding-left: 0px;">
  20                     <li><a href="#page1-1">Page 1</a></li>
  21                     <li><a href="#page1-2">Page 2</a></li>
  22                     <li><a href="#page1-3">Page 3</a></li>
  23                     <li><a href="#page1-4">Page 4</a></li>
  24                     <li><a href="#page1-5">Page 5</a></li>
  25                     <li><a href="#page1-6">Page 6</a></li>
  26                 </ul>
  27                 </div>
  28             </div>
  29             <div class="col-md-10">
  30                 <div id="tab_content1" class="tab_content">
  31                     <div id="page1-1" class="page">
  32                         <font color=#AA0000>This is page1</font>
  33                         <hr>
  34                         <font>This is page1</font>
  35
  36                     </div>
  37                     <div id="page1-2" class="page">
  38                         <font color=#AAAA00>This is page2</font>
  39                         <hr>
  40                         <font>This is page2</font>
  41                     </div>
  42                     <div id="page1-3" class="page">
  43                         <font color=#00AA00>This is page3</font>
  44                         <hr>
  45                         <font>This is page3</font>
  46                     </div>
  47                     <div id="page1-4" class="page">
  48                         <font color=#00AAAA>This is page4</font>
  49                         <hr>
  50                         <font>This is page4</font>
  51                     </div>
  52                     <div id="page1-5" class="page">
  53                         <font color=#0000AA>This is page5</font>
  54                         <hr>
  55                         <font>This is page5</font>
  56                     </div>
  57                     <div id="page1-6" class="page">
  58                         <font color=#AA00AA>This is page6</font>
  59                         <hr>
  60                         <font>This is page6</font>
  61                     </div>
  62                 </div>
  63             </div>
  64         </div>
  65     </div>
  66
  67
  68     <script type="text/javascript" src="tab.js"></script>
  69 </body>
  70 </html>