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.