![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
天蓬老师Correction status：qualified
Teacher's comments：今晚课上好好听, 我会讲完整的思想与编程
Collection
Collection
````目前只能作到这样
代码如下
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
ul li{list-style:none; cursor:hand;}
#tb{float:left}#ssk{float:left;}#db{float:left}#dht{float:left}.xtb{float:right }.dht{float:left}.dh11{float:left }.dh12{float:left }.dh13{float:left }.dh14{float:left }.dh15{float:left }.dh16{float:left }.tbl{float:left; margin-right:10px}.tbr{float:left }a:hover{color:#CC0000}</style></head><body><div><div id="db"><div id="tb"><img src="images/logo.png" width="160" height="76" /></div><div id="ssk"><form> <input type="text" placeholder="请输入您要搜索的内容..."> <button type="submit"></button> </form> </div><div class="xtb"><a><img src="images/QQ图片20191222164136.png" width="56" height="54" /></a><a><img src="images/QQ图片20191222164520.png" width="54" height="54" /></a><a><img src="images/QQ图片20191222164509.png" width="50" height="51" /></a><a><img src="images/QQ图片20191222164503.png" width="46" height="51" /></a><a><img src="images/QQ图片20191222164456.png" width="47" height="52" />></a><a><img src="images/QQ图片20191222164436.png" width="50" height="48" /></a></div></div><div id="dht"><div class="dht"><div class="dh11"><img src="images/QQ图片20191222164712.png" width="50" height="53" /></div><div class="dh12"><p><ul><li>资讯</li><li>学习</li></ul></p></div><div class="dh13"><p><ul><li>器材</li><li>大赛</li></ul></p></div><div class="dh14"><p><ul><li>大师</li><li>裤子</li></ul></p></div><div class="dh15"><p><ul><li>学院</li><li>影视</li></ul></p></div><div class="dh16"><p><ul><li>实战</li><li>其他</li></ul></p></div></div><div class="dh11"><img src="images/QQ图片20191222164706.png" width="56" height="52" /></div><div class="dh12"><p><ul><li>爱好</li><li>姐妹</li></ul></p></div><div class="dh13"><p><ul><li>有品</li><li>坦克</li></ul></p></div><div class="dh14"><p><ul><li>图片</li><li>气球</li></ul></p></div><div class="dh15"><p><ul><li>喝水</li><li>毛绒</li></ul></p></div><div class="dh16"><p><ul><li>飞机</li><li>其他</li></ul></p></div></div><div class="dh11"><img src="images/QQ图片20191222164712.png" width="50" height="53" /></div><div class="dh12"><p><ul><li>软件</li><li>技能</li></ul></p></div><div class="dh13"><p><ul><li>学习</li><li>富强</li></ul></p></div><div class="dh14"><p><ul><li>爱国</li><li>互助</li></ul></p></div><div class="dh15"><p><ul><li>敬业</li><li>仁义</li></ul></p></div><div class="dh16"><p><ul><li>友善</li><li>其他</li></ul></p></div></div><div class="dh11"><img src="images/QQ图片20191222164717.png" width="51" height="57" /></div><div class="dh12"><p><ul><li>编程</li><li>美女</li></ul></p></div><div class="dh13"><p><ul><li>吃饭</li><li>上海</li></ul></p></div><div class="dh14"><p><ul><li>周易</li><li>杭州</li></ul></p></div><div class="dh15"><p><ul><li>黄山</li><li>北京</li></ul></p></div><div class="dh16"><p><ul><li>合肥</li><li>其他</li></ul></p></div></div></div><div><div class="tbl"><img src="images/2.jpg" width="898" height="320" /></div><div class="tbr"><img src="images/banner-right.jpg" width="295" height="320" /></div></div></div></body></html>