学习记录帖（一）简单的网站首页

这是我的一个记录帖，我是按照黑马程序员的视频学习的。

使用的是HBuilder，学习了html & css & js & jq & bootstrap。

成果

在这里插入图片描述

代码

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><!--bootStrap核心CSS文件--><link rel="stylesheet" href="css/bootstrap.css" /><!--JQ--><script type="text/javascript" src="../js/jquery-1.11.0.js"></script><!--bootStrap核心JS文件--><script type="text/javascript" src="js/bootstrap.js"></script><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body><div class="container"><!--logo--><div class="row"><div class="col-md-4 col-sm-6 col-xs-6"><img src="MARVEL/logo.jpg" /></div><div class="col-md-4 hidden-sm hidden-xs"><img src="image/header.jpg" /></div><div class="col-md-4 col-sm-6 col-xs-6" style="line-height: 50px; height: 50px; text-align: center;"><a href="#">登录</a><a href="#">注册</a><a href="#">购物车</a></div></div><!--导航栏--><nav class="navbar navbar-inverse"><div class="container-fluid"><div class="navbar-header"><button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="#">首页</a></div><!-- Collect the nav links, forms, and other content for toggling --><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav"><li class="active"><a href="#">惊奇队长 <span class="sr-only">(current)</span></a></li><li><a href="#">无敌浩克</a></li><li><a href="#">猩红女巫</a></li><li><a href="#">美国队长</a></li><li class="dropdown">