2 day03

html
1.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/css/bootstrap.css">
    <script src="jquery-3.4.1.min.js"></script>
    <script src="bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
</head>
<body>
<div class="container" style="height: 900px;">
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <span class="navbar-brand">唯品会特卖</span>
            </div>
            <div>
                <ul class="nav navbar-nav">
                    <li><a href="">首页</a></li>
                    <li><a href="">最后疯抢</a></li>
                    <li class="dropdown">
                        <a href="" data-toggle="dropdown">女装</a>
                        <ul class="dropdown-menu">
                            <li><a href="">T恤</a></li>
                            <li><a href="">衬衫</a></li>
                            <li><a href="">连衣裙</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="" data-toggle="dropdown">母婴</a>
                        <ul class="dropdown-menu">
                            <li><a href="">纸尿裤</a></li>
                            <li><a href="">拉拉裤</a></li>
                            <li><a href="">湿巾纸巾</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="" data-toggle="dropdown">家电</a>
                        <ul class="dropdown-menu">
                            <li><a href="">洗衣机</a></li>
                            <li><a href="">微波炉</a></li>
                            <li><a href="">洗碗机</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="" data-toggle="dropdown">美妆</a>
                        <ul class="dropdown-menu">
                            <li><a href="">口红</a></li>
                            <li><a href="">眼影</a></li>
                            <li><a href="">腮红</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="" data-toggle="dropdown">男装</a>
                        <ul class="dropdown-menu">
                            <li><a href="">T恤</a></li>
                            <li><a href="">衬衫</a></li>
                            <li><a href="">裤子</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="" data-toggle="dropdown">鞋包</a>
                        <ul class="dropdown-menu">
                            <li><a href="">皮鞋</a></li>
                            <li><a href="">皮包</a></li>
                            <li><a href="">休闲鞋</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="" data-toggle="dropdown">国际</a>
                        <ul class="dropdown-menu">
                            <li><a href="">韩国</a></li>
                            <li><a href="">日本</a></li>
                            <li><a href="">澳大利亚</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="" data-toggle="dropdown">运动户外</a>
                        <ul class="dropdown-menu">
                            <li><a href="">游泳衣</a></li>
                            <li><a href="">运动服</a></li>
                            <li><a href="">登山包</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="" data-toggle="dropdown">手表配件</a>
                        <ul class="dropdown-menu">
                            <li><a href="">机械表</a></li>
                            <li><a href="">黄金戒指</a></li>
                            <li><a href="">墨镜</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="" data-toggle="dropdown">居家用品</a>
                        <ul class="dropdown-menu">
                            <li><a href="">床上四件套</a></li>
                            <li><a href="">花瓶</a></li>
                            <li><a href="">茶几</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="" data-toggle="dropdown">医用健康</a>
                        <ul class="dropdown-menu">
                            <li><a href="">血压计</a></li>
                            <li><a href="">体温计</a></li>
                            <li><a href="">隐形眼镜</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</div>
</body>
</html>

在这里插入图片描述
2.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/css/bootstrap.css">
    <script src="jquery-3.4.1.min.js"></script>
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<style>
    img{
        border-radius:100%;
        overflow:hidden;
    }
</style>
</head>
<body>
<div class="container">


    <table cellpadding="0" class="table table-striped table-hover table-condensed ">
        <thead>
        <tr>
            <h3>课程直播</h3>
            <td>
                <img src="t1.jpg" >
            </td>
            <td>
                今天20:00 <a href="#" style="color: green">丨开启提醒</a><br>
                运营插画四部曲 <br>
                <h6>艾琦aiki</h6>
            </td>
            <td>
                <img src="t2.png" alt="">
            </td>
            <td>今天20:00 <a href="#"style="color: green">丨开启提醒</a><br>
                网易技术这些年,JAVA后端架构体系 <br>
                是怎么发展起来得!
                <h6>王建安 网易特邀Java高级工程师</h6>
            </td>
            <td>
                <img src="t3.jpg" alt="">
            </td>
            <td>
                今天20:00 <a href="#"style="color: green">丨开启提醒</a><br>
                网易技术这些年,JAVA后端架构体系 <br>
                是怎么发展起来得!
                <h6>王建安 网易特邀Java高级工程师</h6>
            </td>
        </tr>

        </thead>
        <tbaby>
            <tr>
                <td>
                    <img src="t4.jpg" alt="">
                </td>
                <td>
                    今天20:00 <a href="#"style="color: green">丨开启提醒</a><br>
                    助力求职同时兼具理财神技:用Pytho <br>
                    n优化股票仓位
                    <h6>leo 网易特邀数据分析讲师</h6>
                </td>
                <td>
                    <img src="t5.jpg" alt="">
                </td>
                <td>     今天20:00 <a href="#"style="color: green">丨开启提醒</a><br>
                    从源代码构建工具之手动实现webp <br>
                    ack
                    <h6>谭金龙 网易特邀前端高级工程师</h6>
                </td>
                <td>
                    <img src="t6.jpg" alt="">
                </td>
                <td>     今天20:00 <a href="#"style="color: green">丨开启提醒</a><br>
                    Python极速入门:教你做电影实时票 <br>
                    房爬虫网址
                    <h6>毕滢 网易AI专家讲师</h6>
                </td>
            </tr>

        </tbaby>
    </table>
</div>
</body>
</html>

在这里插入图片描述
js
1.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button onclick="alert(123456)"style="color: blue;">按钮</button>
</body>
</html>

在这里插入图片描述
2.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var i,a,b,c;
    for(i=100;i<1000;i++) {
        a = parseInt(i / 100);
        b = parseInt((i - a * 100) / 10);
        c = parseInt(i - a * 100 - b * 10);
        if (a * a * a + b * b * b + c * c * c == i) {
            document.write(i + "<br>");
        }
    }
</script>
</body>
</html>

在这里插入图片描述
3.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值