HTML5 第五章

最新推荐文章于 2021-06-16 05:27:11 发布
最新推荐文章于 2021-06-16 05:27:11 发布
阅读量994 收藏 2
点赞数
分类专栏： HTML5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lsxdbd/article/details/80752391
版权 
<!DOCTYPE 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>



<!DOCTYPE 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. <!DOCTYPE html>  
  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="#">短袖T</a>  <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="#">长袖T</a> <a href="#">韩版T</a>  
  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>  


lsxdbd
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML上机练习1
qq_36074043的博客
10-16 1153
百度音乐标签页面 .text { font-size: 36px; font-weight: bold; } .wsy { font-weight: bold; color: #C00; } .sll { font-family: "宋体"; font-size: 12px; } .lb { font-family: "宋体"; font-size: 12px; line-he
HTML5和CSS3开发第五章课后作业
suixinCaesar的博客
06-20 6154
1.制作图5.38所示的北大青鸟课程介绍页面。页面要求如下，&gt;使用&lt;div&gt;.&lt;p&gt;.&lt;span&gt;等标签编辑页面，页面整体背景颜色使用线性渐变（#ECECEC，#FFFFED）.课程特色字体颜色为绿色（#5C9815），设计理念字体颜色为橙色（#F26522）.&gt;课程特色和设计理念每行开头带背景颜色的字体为白色，背景颜色从提供作业素材的页面效果图中获...
HTML5 第五章CSS3美化网页课后作业
tb19930719的博客
06-20 6799
制作北大青鸟课程介绍页面 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;北大青鸟课程介绍&lt;/title&gt; &lt;style&gt; div{
HTML5+CSS3网站设计基础教程_动手实践源代码
11-09
HTML5+CSS3网站设计基础教程_动手实践源代码 chapter01 到 chapter10
元素类型
LikeStudyBoy的博客
12-24 1885
目录 一、元素类型 二、元素类型的转换 三、置换元素和非置换元素
HTML5，第十二章，综合应用实例
05-23
在第十二章的综合应用实例中，我们将深入探讨如何结合HTML5、CSS3和JavaScript来创建功能丰富的网页应用程序。这一章的内容涵盖了从基本元素到高级特性的全方位实践，旨在提升开发者将理论知识转化为实际项目的能力...
第一章,html5基础.html
01-07
第一章,html5基础.html
HTML 5基础教程第二章
03-20
HTML5 是最新的 HTML 标准。 HTML5 是专门为承载丰富的 web 内容而设计的，并且无需额外插件。 HTML5 拥有新的语义、图形以及多媒体元素。 HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。 HTML5 是...
第5章 集合.html
10-23
第5章 集合.html
HTML第5章 ACCP6.0 CSS
05-08
总的来说，HTML第5章的焦点在于如何使用HTML构建网页结构，并通过CSS进行美化和控制布局。ACCP6.0的课程设置旨在提供全面的理论知识和实践机会，帮助学习者掌握网页开发的基本技能。通过深入学习和不断练习，学员将...
淘宝分类图片素材 宝贝描述HTML代码
06-25
淘宝分类图片素材 宝贝描述HTML代码 有需要可以下载
制作百度音乐标签页面.7z
06-04
第五章的上机练习1，制作百度音乐标签页面这里是参考答案！
HTML5和CSS3开发第六章课后作业
suixinCaesar的博客
06-21 5598
1，制作北大青鸟网站的中心开班模块。&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;中心开班信息&lt;/title&gt; &lt;style&gt; h2,ul,l
html第五章上机作业,HTML第五章上机练习5
weixin_34663036的博客
06-16 626
无标题文档.p {width:270px;height:25px;background-color: #0C3;font-size: 24px;color: #FFF;text-indent: 1em;background-image:url( bang.gif);background-repeat:no-repeat;vertical-align:bottom;background-positi...
HTML+CSS实现淘宝首页
热门推荐
道阻且长，行则将至。
01-03 3万+
一、HTML+CSS实现淘宝首页 仿写淘宝页面，趁着元旦假期终于把这个淘宝页面给做好了，原创不易，欢迎大家点赞和评论，需要源代码的评论区留言或者加我QQ（2997381395），大家记得关注我哦，我会不定期的跟大家分享文章。 二、页面结构如下： ...
HTML第五章总结
weixin_30929011的博客
11-27 205
A Chapter for <img> 前言 这一章讲了 Web 图片 format 的各自的优缺点和elements of's attributes. Section1:Q1:How the browser work with images? First, the Browser retrieve the HTML page, but doesn't get the i...
HTML学习第五章---图像
weixin_40794404的博客
05-11 166
HTML学习第五章—图像： 教材：Head First HTML与CSS 学习内容 类如<h1>,<p>等标签，浏览器只需显示它们，浏览器处理<img>元素与处理其他元素不同。 步骤： 浏览器接收来自服务器的HTML文件 浏览器阅读HTML文件，发现需要图像文件后，向服务器获请求该文件 获取后显示该图像，并请求下一个图像文件 JPEG和GIF的区别： GIF文件比较小，但颜色种类很少，可以支持动画，可以设置透明背景，方便一些元素的显示。GIF格式适用于对色彩
Caché数据库及其特性.pdf
最新发布
07-19
本文对Caché数据库相关概念、架构、前景、特性、实现及应用进行了简洁的介绍和阐述，并用较大篇幅对Caché数据库独一无二的架构设计和特性实现进行了详细的说明和解释，期间，结合实例对相关概念和知识进行了解析，以期各位同学对该数据库进行初步了解和学习，为进一步深入学习和掌握打下良好的基础。
html5第二章上机制作北大青鸟宣传片
08-28
在HTML5的第二章上机制作北大青鸟的宣传片，我们可以利用HTML5的强大特性来展示北大青鸟的独特魅力和优势。 首先，我们可以使用HTML5中的标签来插入视频素材，展示北大青鸟的教学环境和学员学习的场景。通过精心...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值