html和css?

html-css012

html和css?,第1张

 <!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>慕课网-登录</title>

    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">

    <meta name="renderer" content="webkit">

    <meta http-equiv="Access-Control-Allow-Origin" content="*">

    <meta http-equiv="Cache-Control" content="no-transform ">

    <meta http-equiv="Cache-Control" content="no-siteapp">

    <link rel="stylesheet" href="https://www.imooc.com/static/css/base.css" type="text/css">

    <link rel="stylesheet" href="https://www.imooc.com/static/css/common/common-less.css?t=2.5" type="text/css">

    <link rel="stylesheet" href="https://www.imooc.com/static/moco/v1.0/dist/css/moco.min.css?t=201911121753"

          type="text/css">

    <link rel="stylesheet" href="https://www.imooc.com/static/lib/swiper/swiper-3.4.2.min.css?t=201911121753">

    <link rel="stylesheet" href="https://www.imooc.com/static/css/user/loginsign-less.css">

    <link rel="stylesheet" href="https://www.imooc.com/static/css/poplogin-less.css" type="text/css">

    <link charset="utf-8" rel="stylesheet" href="https://www.imooc.com/static/css/nanoscroller.css?v=201911121753">

    <style type="text/css" id="appendInnerDomCss">

        #globalTopBanner {

            height: 72px !important

        }

        .topInnerCon {

            z-index: 902

            width: 611px

            height: 38px

            position: absolute

            top: 50%

            left: 52.7%

            margin-left: -305.5px

            margin-top: -19px

            background-image: url(/static/img/activity/topInnerCon_bg.png)

            background-repeat: no-repeat

            background-size: cover

            background-position: center

        }

        .topInnerCon .topInnerTimeCon {

            width: 232px

            height: 24px

            margin-right: 4px

            margin-top: 8px

            float: right

            display: -webkit-flex

            display: flex

            align-items: center

        }

        .topInnerTimeCon span {

            font-size: 12px

            color: #C20A0A

            line-height: 24px

            font-weight: bold

        }

        .topInnerTimeCon .timeout {

            width: 24px

            height: 24px

            margin: 0 5px

            font-size: 19px

            background: #8E0000

            border-radius: 4.8px

            color: #FFFFFF

            line-height: 24px

            font-family: DINCond-M

            text-align: center

        }

        #globalTopBanner .close-adv {

            right: 4%

        }

        @media screen and (max-width:1300px) {

            #globalTopBanner .close-adv {

                right: 1%

            }

        }

    </style>

</head>

<body>

    <div id="head" class="sig-head">

        <a href="/" target="_self" class="sig-img">慕课网</a>

    </div>

    <div id="main">

        <div class="login-wrap">

            <div id="signin" class="rl-modal">

                <div class="rl-modal-header">

                    <h1> <span class="active-title">登录</span> <span data-fromto="signin:signup"

                              class="xa-showSignup">注册</span> </h1>

                </div>

                <div class="rl-modal-body js-loginWrap">

                    <div class="clearfix">

                        <form id="signup-form" autocomplete="off">

                            <div class="rlf-group pr"> <input type="text" value="" maxlength="37" name="email"

                                       data-validate="require-mobile-phone" autocomplete="off"

                                       class="xa-emailOrPhone ipt ipt-email js-own-name" placeholder="请输入登录手机号/邮箱">

                                <p class="rlf-tip-wrap errorHint color-red" data-error-hint="请输入正确的邮箱或手机号"></p>

                            </div>

                            <div class="rlf-group  pr"> <a href="javascript:void(0)" hidefocus="true"

                                   class="proclaim-btn js-proclaim imv2-visibility_off is-pwd" tabindex="-1"></a> <input

                                       type="password" name="password" data-validate="require-password"

                                       class="ipt ipt-pwd js-loginPassword js-pass-pwd" placeholder="请输入密码"

                                       maxlength="16" autocomplete="off">

                                <p class="rlf-tip-wrap errorHint color-red " data-error-hint="请输入6-16位密码,区分大小写,不能用空格">

                                </p>

                            </div>

                            <div class="rlf-group clearfix form-control js-verify-row" style="display: none"> <input

                                       type="text" name="verify" class="ipt ipt-verify l" data-validate="require-string"

                                       data-callback="checkverity" maxlength="4" data-minlength="4"

                                       placeholder="请输入验证码"> <a href="javascript:void(0)" hidefocus="true"

                                   class="verify-img-wrap js-verify-refresh"></a> <a href="javascript:void(0)"

                                   hidefocus="true" class="icon-refresh js-verify-refresh"></a>

                                <p class="rlf-tip-wrap errorHint color-red" data-error-hint="请输入正确验证码"></p>

                            </div>

                            <div class="rlf-group rlf-appendix form-control  clearfix"> <label for="auto-signin"

                                       class="rlf-autoin l" hidefocus="true"><input type="checkbox" checked="checked"

                                           class="auto-cbx" id="auto-signin">7天内自动登录</label> <a

                                   href="//www.imooc.com/help/detail/127" class="rlf-forget r" target="_blank"

                                   hidefocus="true">无法登录</a>

                                <div class="rlf-line r"></div> <a href="/user/newforgot" class="rlf-forget r"

                                   target="_blank" hidefocus="true">找回密码</a>

                            </div>

                            <p class="rlf-tip-globle color-red" id="signin-globle-error"></p>

                            <div class="rlf-group clearfix"> <input type="button" value="登录" hidefocus="true"

                                       class="moco-btn moco-btn-red moco-btn-lg btn-full xa-login"> </div>

                        </form>

                    </div>

                </div>

                <div class="rl-model-footer">

                    <div class="pop-login-sns clearfix"> <span class="l rlf-other xa-showPhoneSignin">手机短信登录</span> <a

                           href="javascript:void(0)" hidefocus="true" data-login-sns="/passport/user/tplogin?tp=weibo"

                           class="pop-sns-weibo l"><i class="imv2-weibo"></i></a> <a href="javascript:void(0)"

                           hidefocus="true" data-login-sns="/passport/user/tplogin?tp=weixin"

                           class="pop-sns-weixin l"><i class="imv2-weixin"></i></a> <a href="javascript:void(0)"

                           hidefocus="true" data-login-sns="/passport/user/tplogin?tp=qq" class="pop-sns-qq l"><i

                               class="imv2-qq"></i></a> </div>

                    <div class="erweima xa-showQrcode"></div>

                </div>

            </div>

        </div>

    </div>

    <div class="vright"><img draggable="false" class="moco-emoji" alt="©"

             src="https://www.imooc.com/static/moco/v1.0/images/face/36x36/a9.png"> 2019 imooc.com All Rights Reserved

        京ICP备 13046642号</div>

</body>

</html>

 请采纳

慕课网主打就是IT类在线课程,覆盖面很广,像前端开发有Html/CSS, Javascript,Vue. js,React.js, Node. js;后端开发有 Java, Python,Go等,手机开发里面可以学到 Android, ios,还有跨平台的 Flutter,React native。当然还有大学主修的计算机基础,算法,数学,数据库等等,还有现在比较尖端的技术,比如 Al,大数据,数据分析等等,学习计算机类的专业课程,基本上这里都有,而且这些课程的质量都还是挺高的,老师们讲解的也比较容易理解。

首先打开慕课网址。国内网址为:www.coursera.org,然后注册自己的账号。点击右上方的注册,填写自己的邮箱,姓名等内容。有了自己的账号就可一开始自己选课了。

1. 首先,打开电脑中的浏览器,本例选择360浏览器。在地址栏中输入“慕课网”,回车搜索。出现如图网页,点击进入官网

2.进入官网后,由于您还没有注册账号,没有账号是学不了的。点击右上方注册一个账号。

3.然后设置好个人相关信息,例如昵称,职位等。建议选择一个职业路径。这是慕课专门为读者定制好的学习计划。

4. 接下来就是好好学习了。选择好职业路径,比如Web前端工程师,点击职业路径,参加该计划。然后可以点击右边的课程进入查看。建议按照这个流程学习。

5.打开其中一门课程,例如《HTML+CSS基础课程》。如果没有报名,则点击开始学习,反之,点击继续学习。