HTML5 第五章

html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>北大青鸟课程介绍页面title>
    <style>
        div{
            width: 600px;
            height: 700px;
            background: -moz-linear-gradient(to top,#ECECEC,#FFFFED);
        }
        .a{
            color: #5C9815;
        }
        .b{
            color: #F26522;
        }
        span{
            background-color: #640000;
            color: white;
        }
    style>
head>
<body>
    <div>
        <img src="title.gif"/>
        <img src="img_01.png"/>
        <a class="a">
            <p><span>逆向课程设计:span>以企业需求决定课程设计内容,确保训练内容及深度和企业需求一致p>
            <p><span>模拟学员学习路线:span>强调难点和复杂技能点的反复训练,力求学习效果和学习体验p>
            <p><span>互联网作为教学环境:span>学员的日常教学和训练均在互联网线上进行p>
            <p><span>学习挡板监控网上学习效果:span>每个学习阶段设置线上线下测试,严密监控学习效果p>
            <p><span>真实开发项目经验积累:span>采用专业互联网企业提供的真实项目作为模拟开发p>
        a>
        <img src="img_02.png"/>
        <a class="b">
            <p><span>【实用性】——span>以就业岗位需求为导向,重点讲解企业80%的时间在使用的20%的技术p>
            <p><span>【权威性】——span>与来自百度等知名企业的专家联合开发p>
            <p><span>【专业性】——span>引进业内资深人才和典型行业开发项目p>
            <p><span>【真实性】——span>在互联网真实环境下进行教学和训练p>
            <p><span>【易学性】——span>在线培训模式,24小时专家在线解答疑难问题p>
            <p><span>【完整性】——span>利用SNS虚拟社区:学习、人脉双丰收p>
        a>
    div>
body>
html>



html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>初相遇--席慕容title>
    <link rel="stylesheet" href="css/ec4.css">
head>
<body>
    <div>
        <h1>初相遇 文/席慕容h1>
        <p><span>span>丽的梦和美丽的诗一样,都是可遇而不可求的,
            常常在最没能料到的时刻里出现。p>
        <p>我喜欢那样的梦,在梦里,一切都可以重新开始,一切都可以慢慢解释,
            心里甚至还能感觉到,所有被浪费的时光竟然都能重回时的狂喜与感激。
            <span id="a">胸怀中满溢着幸福,只因你就在我眼前span>,对我微笑,一如当年。p>
        <p>
            我喜欢那样的梦,明明知道你已为我跋涉千里,却又觉得芳草鲜美,落落英缤纷,
            好像你我才初相遇。p>
    div>
body>
html>


  1. >  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>淘宝女装分类页面title>  
  6.     <style>  
  7.         #a{  
  8.   
  9.         background-image: url("图片素材/dress01.png");  
  10.             background-repeat: no-repeat;  
  11.   
  12.         }  
  13.         #b{  
  14.             background-image: url("图片素材/dress02.png");  
  15.             background-repeat: no-repeat;  
  16.         }  
  17.         #c{  
  18.             background-image: url("图片素材/dress03.png");  
  19.             background-repeat: no-repeat;  
  20.         }  
  21.         #d{  
  22.             background-image: url("图片素材/dress04.png");  
  23.             background-repeat: no-repeat;  
  24.         }  
  25.         #e{  
  26.             background-image: url("图片素材/dress05.png");  
  27.             background-repeat: no-repeat;  
  28.         }  
  29.         h1{text-indent: 2.3em;  
  30.             font-weight: bold;  
  31.   
  32.         font-size: 18px}  
  33.         h1 a{  
  34.             color: black;  
  35.             text-decoration: none;  
  36.         }  
  37.         h1 a:hover{  
  38.             text-decoration: underline;  
  39.         }  
  40.        li a{  
  41.             font-size: 12px;  
  42.             color: black;  
  43.            text-decoration: none;  
  44.   
  45.         }  
  46.         li{  
  47.             list-style: none;  
  48.             text-indent: -2.3em;  
  49.   
  50.         }  
  51.         li a:hover{  
  52.             text-decoration: underline;  
  53.         }  
  54.   
  55.   
  56.     style>  
  57. head>  
  58. <body>  
  59. <div id="a"><h1><a href="#">夏季流行a>h1>div>  
  60.   
  61. <hr>  
  62. <ul>  
  63.     <li><a href="#">夏季新品a>  <a href="#">雪纺裙a><a href="#">短袖Ta>  <a href="#"铅笔裤>a><a href="#">短裤a>  
  64.         <a href="#">短袖衬衫a> <a href="#">小脚牛仔裤a> li>  
  65.     <li><a href="#">开衫a><a href="#">蕾丝/雪纺衫a> <a href="#">韩版外套a>  <a href="#">小西装a> <a href="#">中长款裙a> li>  
  66. ul>  
  67. <h1 id="b"><a href="#">上装a>h1>  
  68. <hr>  
  69. <ul>  
  70.     <li><a href="#">T恤a><a href="#">衬衫 a> <a href="#">针织衫a> <a href="#">长袖Ta> <a href="#">韩版Ta>  
  71.         <a href="#">情侣衫a><a href="#">雪纺衬衫a> li>  
  72.     <li><a href="#">韩版衬衫a><a href="#">防晒衣 a> <a href="#">休闲套装a><a href="#">卫衣a> <a href="#">背心/吊带a>  li>  
  73. ul>  
  74. <h1 id="c"><a href="#">裙子a>h1>  
  75. <hr>  
  76. <ul>  
  77.     <li><a href="#">连衣裙a> <a href="#">半身裙 a><a href="#">长裙a><a href="#">短袖裙a>  <a href="#">蕾丝连衣裙a><a href="#">长袖裙a> li>  
  78.     <li><a href="#">无袖/背心裙 a><a href="#">A字裙 a><a href="#">牛仔裙a> <a href="#">半身中长裙a> <a href="#">半身短裙a> <a href="#">包臀裙 a>li>  
  79. ul>  
  80. <h1 id="d"><a href="#">裤子a>h1>  
  81. <hr>  
  82. <ul>  
  83.     <li><a href="#">裤子a><a href="#">休闲裤a>  <a href="#">牛仔裤 a><a href="#">打底裤a><a href="#">长裤a>  
  84.         <a href="#">哈伦裤a><a href="#">阔腿裤a> li>  
  85.     <li><a href="#">短裤/热裤a><a href="#">连体裤a> <a href="#">七/九分裤 a> <a href="#">牛仔短裤a> <a href="#">西装裤a>li>  
  86. ul>  
  87. <h1 id="e"><a href="#">其他女装a>h1>  
  88. <hr>  
  89. <ul>  
  90.     <li><a href="#">胖M装a><a href="#">中老年a> <a href="#">婚纱a>  <a href="#">礼服a><a href="#">旗袍a>  
  91.         <a href="#">夜店a><a href="#">舞台装a> <a href="#">唐装a> li>  
  92.     <li><a href="#">职业装a><a href="#">全球购a>  <a href="#">羊绒衫a> <a href="#">毛衣 a><a href="#">呢大衣a>  
  93.         <a href="#">羽绒服a> <a href="#">真皮皮衣 a> li>  
  94. ul>  
  95. body>  
  96. html>  


你可能感兴趣的:(HTML5)