为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
初识HTML(5)+CSS(3)-升级版_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

初识HTML(5)+CSS(3)-升级版

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <!DOCTYPE html>

    <html>


    <head>

        <meta charset="UTF-8">

        <title>ul列表</title>

    </head>


    <body>

        <ul>

            <li>我的第一个列表信息</li>

        </ul>

    </body>


    </html>

    查看全部
  • <!DOCTYPE html>

    <html>


    <head>

        <meta charset="UTF-8">

        <title>hr标签使用</title>

    </head>


    <body>

        <p>火车飞驰过暗夜里的村庄,月光,总是太容易让思念寂寞,太容易让人觉得孤独。</p>

        <hr/>

        <h1>我是标题二</h1>

        <p>每一枚被风吹起的蒲公英,都载满了一双眼睛的深情告别与一个目光的依依不舍。那天,我拿着行李,带上一个背影的祝福与惆怅,挥手告别了这片土地。我不知道,我何时会回来。</p>

    </body>


    </html>

    查看全部
  • <!DOCTYPE html>

    <html>


    <head>

        <meta charset="UTF-8">

        <title>空格讲解</title>

    </head>


    <body>

        <h1>感悟梦想</h1>

        来源:作文网&nbsp;&nbsp;作者:为梦想而飞

    </body>


    </html>

    查看全部
  • <!DOCTYPE html>

    <html>


    <head>

        <meta charset="UTF-8">

        <title>br标签的使用</title>

    </head>


    <body>

        <h2>《咏桂》</h2>

        <p>

         暗淡轻黄体性柔,<br />

         情疏迹远只香留。<br />

         何须浅碧深红色,<br />

         自是花中第一流。

        </p>

    </body>


    </html>

    查看全部
  • <!DOCTYPE html>

    <html>


    <head>

        <meta charset="UTF-8">

        <title>aside</title>

        <style>

            aside{

            width: 100px;

            height: 700px;

            border: 2px red solid;

            position:fixed;

            left:0;

            top:10px;

            }

        </style>

    </head>


    <body>

        <aside>我是侧边栏,而且是浮窗型,旁边的东西动,我固定不动<br><br><br><br>你看我像不像广告弹窗?</aside>

        <div>

            <pre>

                    你好

                    你好

                    你好

                    你好

                    你好

                    你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                    你好

                你好

                

            </pre>

        </div>

    </body>


    </html>

    查看全部
  • <!DOCTYPE html>

    <html>


    <head>

        <meta charset="UTF-8">

        <title>section</title>

        <style>

            section{

                background:skyblue;/*天蓝色*/

                height:100px;/*高度*/

                width:100%;/*宽度*/

                margin:10px;/*外边界*/

                padding:10px;/*内边界*/

                border:1px solid red;/*边框:1px,填充红色*/

            }

        </style>

    </head>


    <body>

        <header>我是头部标签</header>

        <section>我是一个区域</section><!--我是块标签哦-->

        <footer>我是底部标签</footer>

    </body>


    </html>

    查看全部
  • <!DOCTYPE html>

    <html>


    <head>

        <meta charset="UTF-8">

        <title>footer</title>

    </head>


    <body>

        <header>我是头部标签</header>

        <footer>我是底部标签</footer>

    </body>


    </html>

    查看全部
  • <!DOCTYPE html>

    <html>


    <head>

        <meta charset="UTF-8">

        <title>header</title>

        <style>

        header{

            color:blue

        }

        </style>

    </head>


    <body>

        <header>我是头部标签</header>

        <div>

            <h1>我是标题</h1>

        </div>

    </body>


    </html>

    查看全部
  • <!DOCTYPE html>

    <html>


    <head>

        <meta charset="UTF-8">

        <title>h1-h6标题标签</title>

    </head>


    <body>

        <h1>了不起的盖茨比</h1>

        <p>《了不起的盖茨比》为那个奢靡年代的缩影。盖茨比怀揣着对"美国梦"的期翼,投身到那个年代的灯红酒绿之中,却在名利场中看尽世态炎凉,以及浮华背后一切终将逝去的空虚怅惘。1925年《了不起的盖茨比》问世。 </p>

        <p>菲茨杰拉德,二十世纪美国文学巨擘之一,兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌,其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>

    </body>


    </html>

    查看全部
  • <!DOCTYPE html>

    <html>


    <head>

        <meta charset="UTF-8">

        <title>了不起的盖茨比</title>

        <style>

        h1{

            color:blue

        }

        span {

            color:blue

        }

        </style>

    </head>


    <body>

        <h1>了不起的盖茨比</h1>

        <p>1922年的春天,一个想要成名名叫尼克•卡拉威(托比•马奎尔Tobey Maguire 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,股票飞涨的时代。为了追寻他的<span>美国梦</span>,他搬入纽约附近一海湾居住。</p>

        <p>菲茨杰拉德,二十世纪美国文学巨擘之一,兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌,其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>

    </body>


    </html>

    查看全部
  • <!DOCTYPE html>

    <html>

    <head>

        <meta charset="UTF-8">

        <title>p标签</title>

    </head>

    <body>

        <p>我的第一个段落。</p>

        <p>我的第二个段落。</p>

    </body>

    </html>

    查看全部
  • <!DOCTYPE html>

    <html>

        <head>

            <meta charset="UTF-8">

            <title>认识head标签</title>

        </head>

        <body>

            <h1>欢迎来到慕课网</h1>

        </body>

    </html>

    查看全部
  • <!DOCTYPE html>

    <html>

        <head>

            <meta charset="UTF-8">

            <title>认识html文件基本结构</title>

        </head>

        <body>

            <h1>在本小节中,你将学会认识html文件基本结构</h1>

        </body>

    </html>

    查看全部
  • <!DOCTYPE html>

    <html>

        <head>

            <meta charset="UTF-8">

            <title>标签的语法</title>

        </head>

        <body>

            <div>

            <h1>在本教程中,你将学习如何使用 HTML 来创建站点</h1>

            <p>当特殊的样式需要应用到个别元素时,就可以使用内联样式。</p>

            </div>

        </body>

    </html>

    查看全部
  • <!DOCTYPE html>

    <html>

        <head>

            <meta charset="UTF-8">

            <title>Html和CSS的关系</title>

            <style type="text/css">

            h1{

            font-size:12px;

            color:#930;

            text-align:center;

            }

            </style>

        </head>

        <body>

            <h1>Hello World!</h1>

        </body>

    </html>

    查看全部

举报

0/150
提交
取消
课程须知
没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。
老师告诉你能学到什么?
本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识,可以利用HTML(5)、CSS(3)样式技术制作出简单页面。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!