**
html1
**
</head>
<body>
<div class="container">
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">作者管理界面</a>
</div>
<div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">玄幻小说</a></li>
<li class="active"><a href="#">现代文学</a></li>
<li class="active"><a href="#">言情小说</a></li>
<li><a href="#">诗集散文</a></li>
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
悬疑小说
<b class="caret"></b>
</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>
</body>
</html>
**
HTML2
**
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="bootstrap-3.3.7-dist/css/bootstrap.css"rel="stylesheet">
<style>
img{
border-radius:100%;
overflow:hidden;
}
h6{
color: cadetblue;
}
</style>
</head>
<body>
<div class="container" style="margin-top: 5%">
<table cellpadding="0" class="table table-striped table-hover table-condensed ">
<thead>
<tr>
<td>
<img src="./picetre/701.jpg" >
</td>
<td>
今天20:00 <a href="#" style="color: green">丨开启提醒</a><br>
运营插画四部曲 <br>
<h6>艾琦aiki</h6>
</td>
<td>
<img src="./picetre/702.jpg" alt="">
</td>
<td>今天20:00 <a href="#"style="color: green">丨开启提醒</a><br>
网易技术这些年,JAVA后端架构体系 <br>
是怎么发展起来得!
<h6>王建安 网易特邀Java高级工程师</h6>
</td>
<td>
<img src="./picetre/703.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="./picetre/704.jpg" alt="">
</td>
<td>
今天20:00 <a href="#"style="color: green">丨开启提醒</a><br>
助力求职同时兼具理财神技:用Pytho <br>
n优化股票仓位
<h6>leo 网易特邀数据分析讲师</h6>
</td>
<td>
<img src="./picetre/705.jpg" alt="">
</td>
<td> 今天20:00 <a href="#"style="color: green">丨开启提醒</a><br>
从源代码构建工具之手动实现webp <br>
ack
<h6>谭金龙 网易特邀前端高级工程师</h6>
</td>
<td>
<img src="./picetre/706.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>
**
js1
**
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<button onclick="alert(123)">按钮</button>
</body>
</html>
**
js2
**
<!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>
**
js3
**