导航，头部，CSS基础

标签：har   文件   报道   新闻   官方网站   header   20px   综合   www.   

1. 制作自己的导航条。
2. HTML头部元素：
   1.   定义了页面链接标签的默认链接地址
   3.   定义了一个文档和外部资源之间的关系
3. 练习样式表：
   1. 行内样式表
   2. 内嵌样式表
   3. 外部样式表
4. 分别练习定义三类选择器：
   1. HTML 选择器
   2. CLASS 类选择器
   3. ID 选择器

      DOCTYPE html>
      html lang="en">
      head>
          meta charset="UTF-8">
          title>Hello my worldtitle>
          base
                  href="http://i1.sinaimg.cn/dy/weather/main/index14/007/icons_32_yl/"target="_blank">
       link rel="stylesheet" type="text/css" href="T5.css">
          style type="text/css">
              p{
                  color:darkcyan;font-size: 10px;
              }
              .textblue{
                  color:blue;
                  text-decoration: underline;
              }
              .tea{
                  background-color:pink;
              }
              c{
                  color:pink;
              }
          style>
      head>
      body>
      h3>CSGOh3>
      
          br>
              div class="container_skitter" style="width: 758px; height: 346px;">div class="image">a href="http://www.csgo.com.cn/hd/1706/operationhydra/operationhydra.html" target="_blank">img class="image_main" src="http://www.csgo.com.cn/jpg/170926/10691506416177434.jpg" style="display: inline;">a>div class="label_skitter" style="width: 758px; display: none;">div>div>div>
      br>
               a href="http://www.gzcc.cn/">首页a>
               a href="">下载a>
               input type="text" name="search">
               button type="submit">搜索button>
               a href="">登录a>
               a href="">注册a>
          nav>
      
      hr>
      
      p>  新兵报道p>
      p class="tea"> 装备道具p>
      p class="textblue">  其他系统p>
      p class="tea">新闻咨询p>
      hr>
      
      
      
      style type="text/css">
      
      style>
      div id="div">div>
      
      div id="div">div>
           hr>
      img src="images/section1-img02.jpg" alt="CSGO官方网站">
      div id="container" style="width: 400px">
          div id="header" style="background-color: gray">h2 align="center" style="margin-bottom: 0;">注册h2>div>
      
      div id="content" style="background-color: pink;height: 150px;width: 400px;float: left;">
          form action="">
              用户名:input type="" name="用户名" placeholder="请输入用户名">br>
              密  码   :     input type="" name="密码" placeholder="请输入密码">br>
              br>
              input type="radio"name="role" value="stu">会员
              input type="radio" name="role" value="tea">游客br>
                  input type="button" value="登录">
                  input type="button" value="取消">
                  input type="button" value="重置">
          form>
      div>
      
      div>
      hr>
      
      div id="container" style="width:400px">
          div id="header" style="background-color:gray;">h2 align="center" style="margin-bottom:0;">搜索页面h2>div>
      
            div id="contant" style="background-color:pink;height:220px;width:400px;float:left;">
              form action=" "...>form>
             form>
          select >
              option>会员option>
              option>游客option>
          select>
      form>
              ul>
                  li> 综合li>
                  li>新闻li>
                  li>公告li>
              ul>
              ol>
                  li>电竞赛事li>
                  li>赛事资讯li>
                  li>赛事动态li>
                  li>游戏直播li>
              ol>
      
      body>
      html>

      

导航，头部，CSS基础

标签：har   文件   报道   新闻   官方网站   header   20px   综合   www.   

原文地址：http://www.cnblogs.com/1031353319qq/p/7683426.html