master

分支 (1)

管理

管理

master

magic-cube
/
魔方教程.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>魔方教程</title>
    <!--引入favicon.ico网页图标-->
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- 引入初始化css -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入公共样式css -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入教程页面css样式 -->
    <link rel="stylesheet" href="css/last.css">
</head>

<body>
    <!--顶部快捷导航开始-->
    <div class="shortcut">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>魔方小课堂欢迎您！</li>
                    <li>
                        <a href="#">请登录</a>&nbsp;&nbsp;&nbsp
                        <a href="register.html " class="style-red">免费注册</a>
                    </li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li></li>
                    <li class="spacer"></li>
                    <li><a href="">学习进度</a></li>
                    <li class="spacer"></li>
                    <li><a href="">学习进度</a></li>
                    <li class="spacer"></li>
                    <li><a href="">学习进度</a></li>
                    <li class="spacer"></li>
                    <li><a href="">学习进度</a></li>
                    <li class="spacer"></li>
                    <li><a href="">学习进度</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--顶部快捷导航结束-->
    <!--header制作-->
    <div class="header">
        <!--logo-->
        <div class="logo">
            <a href="index.html"><img src="img/images/logo.png" title="魔方小课堂"></a>
        </div>
        <!-- nav start -->
        <div class="nav w">
            <ul>
                <li>
                    <a href="index.html">魔方主页</a>
                </li>
                <li>
                    <a href="魔方介绍.html">魔方介绍</a>
                </li>
                <li>
                    <a href="魔方结构.html">魔方结构</a>
                </li>
                <li>
                    <a href="魔方教程.html">魔方教程</a>
                </li>
            </ul>
        </div>
        <!-- nav end -->
    </div>
    <!--header结束-->
    <!-- 网站内容  -->
    <div class="jiaocheng w">
        <div class="jiaocheng_t">
            <img src="img/upload/study/教程.jpg" alt="">
        </div>
        <div class="jiaocheng_b">
            <h1>魔方教程</h1>
            <strong>在开始图文教程前，还是建议大家去利用视频学习，实践学习效率更快！→→</strong>
            <a href="https://v.qq.com/x/page/m0830i5wpie.html" target="_blank">https://v.qq.com/x/page/m0830i5wpie.html</a>
            <video muted src="video/teach.mp4" controls autoplay></video>
            <img src="img/upload/study/图文教程.jpg" alt="">
            <img src="img/upload/study/图文教程2.jpg" alt="">
            <img src="img/upload/study/图文教程3.jpg" alt="">
            <img src="img/upload/study/图文教程4.jpg" alt="">
            <img src="img/upload/study/图文教程5.jpg" alt="">
            <img src="img/upload/study/图文教程6.jpg" alt="">
            <img src="img/upload/study/图文教程7.jpg" alt="">
            <img src="img/upload/study/图文教程8.jpg" alt="">
            <img src="img/upload/study/图文教程9.jpg" alt="">
            <img src="img/upload/study/图文教程10.jpg" alt="">
            <img src="img/upload/study/图文教程11.jpg" alt="">
            <h1>
                图片肯定没有视频好理解，所以后面的外部其他网址大家点开学习学习:
                <a href="http://www.rubik.com.cn/">
                    http://www.rubik.com.cn/
                </a>
            </h1>
        </div>
    </div>
    <!-- 网站内容 end -->
    <!-- 宣传部分 end -->
    <!-- footer start -->
    <div class="container ">
        <div class="w ">
            <p>Copyright &copy; 2022 All Rights Reserved.</p>
        </div>
        <div class="w ">
            <span>
                <img src="img/images/weichat.png " title="加微信：ljh-Wanan">
                <img src="img/images/sina.png "title="搜索手机号：18092205430">
                <img src="img/images/qq.png "title="加QQ：810520030">
            </span>
        </div>
    </div>
    <!-- footer end -->
</body>

</html>