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

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

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • aside标签,定义一个侧边栏区域。标签名只是增加它的语义化,并不是这样命名它的展示效果就出来了,效果还是要通过css来设置

    查看全部
  • <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。

    https://img1.sycdn.imooc.com//6503fe3800011c2506820075.jpg

    1. span标签是内联元素,不像块级元素(如:div p等)那样有换行的效果;

    2. 如果不对span元素应用样式,使用span标签没有任何显示的效果

    3. span标签可以设置id或class属性,这样不仅能增加语义,还能更方便的对span 元素应用样式

    查看全部
  • transform:translate(50%,50%);

    查看全部
  • <!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>
        span {
    color:blue
        }
        </style>
    </head>

    <body>
        <p>1922年的春天,一个想要成名名叫尼克•卡拉威(托比•马奎尔Tobey Maguire 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,股票飞涨的时代。为了追寻他的<span>美国梦</span>,他搬入纽约附近一海湾居住。</p>
        <p>菲茨杰拉德,二十世纪美国文学巨擘之一,兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌,其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
    </body>

    </html>
    查看全部
  • <!DOCTYPE html>
    <html>
    <head>
            <meta charset="UTF-8">
            <title>认识head标签</title>
    </head>
        <body>
            <h1>欢迎来到慕课网</h1>
        </body>
    </html>
    查看全部
  • index.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>
    <h1>在本教程中,你将学习如何使用 HTML 来创建站点</h1>
    <DIV> <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>
    查看全部
  • <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>Html和CSS的关系</title>
            <style type="text/css">
            h1{



            }
            </style>
        </head>
        <body>
            <h1>Hello World!</h1>
        </body>
    </html>
    查看全部
  • display:flex;

    justify-content:flex-start;/*flex-end;center;space-between;space-around;*/

    查看全部
  • position:abslute;/*绝对定位*/

    position:relative;/*相对定位*/

    position:fixed;/*固定定位*/

    查看全部
  • <thead><tbody><tfoot>可以比不加上它的普通表格table,,快,快在加载上,普通表格只能加载完后一起显示;加了的相当于,边加载边显示,可以一部分一部分显示。
    查看全部
  • <img>标签为网页添加图片

    <img src=" . . . "  alt="下载失败时的替换文本"  title="提示文本" >


    1、src:标识图像的位置;

    2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;

    3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);

    4、图像可以是GIF,PNG,JPEG格式的图像文件。

    查看全部
  • <input   type="submit"   value="提交">

    查看全部

举报

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

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