复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css"> <script src="JQuery/jquery-3.4.1.min.js" rel="stylesheet"></script> <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script> <script src="bootstrap-3.3.7-dist/js/bootstrap.js/bootstrap.min.js" rel="stylesheet"></script> </head> <body> <div class="container"> <br><nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#">QQ音乐</a> </div> <div> <ul class="nav navbar-nav"> <li class="active"><a href="#">我喜欢</a></li> <li><a href="#">本地和下载</a></li> <li><a href="#">播放历史</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 试听列表 <b class="caret"></b> </a> <ul class="dropdown-menu"> <li><a href="#">音乐1</a></li> <li><a href="#">音乐2</a></li> <li><a href="#">音乐3</a></li> <li><a href="#">音乐3</a></li> </ul> </li> </ul> </div> </div> </nav> <div class="row"> <div class="col-md-4 col-xs-12 "> <div class="thumbnail" style="width: 350px;height: 110px;"> <img src="02.jpg" class="img-circle" alt="" width="80px"height="80px" style="float: left;margin-top: 10px"> <div class="caption"> <h5 style="margin: 2px 15px"> 今天20:00 | <a href="#">开启提醒</a> </h5> <p style="font-size: 14px">看你十年难遇奇才，教你分布式锁怎么玩</p> <p style="font-size: 10px">肖春平 网易特邀Java高级工程师</p> </div> </div> </div> <div class="col-md-4 col-xs-12 "> <div class="thumbnail" style="width: 350px;height: 110px;"> <img src="02.jpg" class="img-circle" alt="" width="80px"height="80px" style="float: left;margin-top: 10px"> <div class="caption"> <h5 style="margin: 2px 15px"> 今天20:00 | <a href="#">开启提醒</a> </h5> <p style="font-size: 14px">BAT大型安卓项目的开发之旅-组件化架构</p> <p style="font-size: 10px">冯依 网易特邀安卓高级工程师</p> </div> </div> </div> <div class="col-md-4 col-xs-12 "> <div class="thumbnail" style="width: 350px;height: 110px;"> <img src="02.jpg" class="img-circle" alt="" width="80px"height="80px" style="float: left;margin-top: 10px"> <div class="caption"> <h5 style="margin: 2px 15px"> 今天20:00 | <a href="#">开启提醒</a> </h5> <p style="font-size: 14px">vuex源码探秘—带你走进一个崭新的世界</p> <p style="font-size: 10px">阳志超 网易特邀前端高级工程师</p> </div> </div> </div> <div class="col-md-4 col-xs-12 "> <div class="thumbnail" style="width: 350px;height: 110px;"> <img src="02.jpg" class="img-circle" alt="" width="80px"height="80px" style="float: left;margin-top: 10px"> <div class="caption"> <h5 style="margin: 2px 15px"> 今天20:00 | <a href="#">开启提醒</a> </h5> <p style="font-size: 14px">应用打包优化之被遗忘的精髓</p> <p style="font-size: 10px">肖春平 网易特邀Java高级工程师</p> </div> </div> </div> <div class="col-md-4 col-xs-12 "> <div class="thumbnail" style="width: 350px;height: 110px;"> <img src="02.jpg" class="img-circle" alt="" width="80px"height="80px" style="float: left;margin-top: 10px"> <div class="caption"> <h5 style="margin: 2px 15px"> 今天20:00 | <a href="#">开启提醒</a> </h5> <p style="font-size: 14px">从源码探究构建工具之手动实现webpark怎么发展起来</p> <p style="font-size: 10px">肖春平 网易特邀Java高级工程师</p> </div> </div> </div> <div class="col-md-4 col-xs-12 "> <div class="thumbnail" style="width: 350px;height: 110px;"> <img src="02.jpg" class="img-circle" alt="" width="80px"height="80px" style="float: left;margin-top: 10px"> <div class="caption"> <h5 style="margin: 2px 15px"> 今天20:00 | <a href="#">开启提醒</a> </h5> <p style="font-size: 14px">看你十年难遇奇才，教你分布式锁怎么玩</p> <p style="font-size: 10px">肖春平 网易特邀Java高级工程师</p> </div> </div> </div> </div> </body> </html>
最后
以上就是任性板凳最近收集整理的关于html导航|页面作业的全部内容，更多相关html导航|页面作业内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复