设为首页 加入收藏

TOP

用HTML编写漫威页面(一)
2019-09-03 03:34:26 】 浏览:69
Tags:HTML 编写 页面
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="../css/reset.css"/>
<link rel="stylesheet" href="../css/manwei.css"/>
</head>
<body>
<!--导航栏-->
<header>
<nav>
<img src="../images/logo.jpg" alt=""/>
<a href="">首页</a>
<a href="">最新动态</a>
<a href="">
漫威宇宙
<ol>
<li>电影</li>
<li>剧集</li>
<li>动漫</li>
</ol>
</a>
</nav>
</header>
<!--雪碧图-->
<div class="beij">
<i class="xuebi"></i>
</div>
<!--美队图片-->
<div class="zhongjian">
<img src="../images/new_title.png" alt=""/>
<div>
<div class="aa">
<div>
<img src="../images/new_pic01.jpg" alt=""/>
</div>
<div>
<a href="">
<p><strong>初版灭霸演员加盟《美队3》</strong></p>
<p>乔什不洛林版将成《复联3》终极boos</p>
</a>
</div>
</div>
<div class="mll">
<div>
<img src="../images/new_pic02.jpg" alt=""/>
</div>
<div>
<a href="">
<p><strong>《蚁人》再发新剧照</strong></p>
<p>漫威第二阶段收官之作7月17日北美上映</p>
</a>
</div>
</div>
<div class="cc">
<div>
<img src="../images/new_pic03.jpg" alt=""/>
</div>
<div>
<a href="">
<p><strong>《复仇者联盟》动作手游等你来战</strong></p>
<p>是英雄,就站起来!</p>
</a>
</div>
</div>
</div>
</div>
<!--阶段栏-->
<div class="jieduan">
<div>
<p><strong>漫威电影</strong></p>
<a href="">第一阶段</a>
<a href="">第二阶段</a>
<a href="">第三阶段</a>
<a href="">了解更多角色...</a>
</div>
<div>
<img src="../images/movie_pic.png" alt=""/>
<img src="../images/movie_pic02.png" alt=""/>
<img src="../images/movie_pic03.png" alt=""/>
<img src="../images/movie_pic04.png" alt=""/>
<img src="../images/movie_pic05.png" alt=""/>
<img src="../images/movie_pic06.png" alt=""/>
<a class="x" href="">《钢铁侠》</a>
<a class="u" href="">《钢铁侠2》</a>
<a class="e" href="">《美国队长3》</a>
<a class="b" href="">《无敌浩克》</a>
<a class="i" href="">《雷神》</a>
<a class="kk" href="">《复仇着联盟》</a>
</div>

</div>
<!--漫威剧集-->
<div class="juji">

<div class="juese">
<p>漫威剧集</p>
<a href="">了解更多
首页 上一页 1 2 3 4 下一页 尾页 1/4/4
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇关于HTML、CSS、JavaScript三者关.. 下一篇CSS网页布局:盒子模型

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目