HTML5+CSS大作业——明星杨洋(7页)

文章目录

HTML5+CSS大作业——明星杨洋(7页)
一、作品展示
二、文件目录
三、代码实现
四、获取更多源码
五、学习资料
六、更多源码

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!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" style="overflow:auto;overflow-x:hidden;">
<head>
<title>明星--杨洋</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/lrtk.css" />
<link rel="stylesheet" type="text/css" href="css/css.css" />
<script type="text/javascript" src="js/pptBox.js"></script>
</head>
<body>

<div class="clear"></div>
<!--end of head-->
<div class="nav">
  <ul>
    <li><a href="index.html">首页 </a></li>
    <li><a href="jibenxinxi.html">基本信息</a></li>
    <li><a href="yanyijingli.html">演艺经历</a></li>
    <li><a href="zhuyaozuopin.html">主要作品</a></li>
    <li><a href="shehuihuodong.html">社会活动</a></li>
    <li><a href="huojiangjilu.html">获奖记录</a></li>
    <li><a href="renwupingjia.html">人物评价</a></li>
  </ul>
</div>
<!--end of nav-->
<div class="clear"></div>
<div class="main">
  <div class="clear"></div>
  <div class="banner">
    <div id="xxx"  > 
      <script>
     var box =new PPTBox();
     box.width = 980; //宽度
     box.height =515;//高度
     box.autoplayer = 3;//自动播放间隔时间

     //box.add({"url":"图片地址","title":"悬浮标题","href":"链接地址"})
     box.add({"url":"images/q1.jpg","href":"#","title":"z赵丽颖1"})
     box.add({"url":"images/q2.jpg","href":"#","title":"赵丽颖2"})
     box.add({"url":"images/q3.jpg","href":"#","title":"赵丽颖3"})
     box.add({"url":"images/q4.jpg","href":"#","title":"赵丽颖4"})
     box.add({"url":"images/q5.jpg","href":"#","title":"赵丽颖5"})
     box.show();
    </script> 
    </div>
  </div>
  <!-----------end banner------------>
  <h2>人物简介</h2>
  <h2></h2>
  <p><br />
    <br />
    杨洋 <br />
  杨洋，1991年9月9日出生于上海，籍贯安徽合肥，毕业于中国人民解放军艺术学院2003级舞蹈系，中国内地影视男演员。2007年，因在李少红版《红楼梦》中饰演少年贾宝玉而踏入影视圈。2010年，他凭借该剧获得BQ红人榜年度最佳新人奖。2011年，杨洋参演个人首部电影《建党伟业》。2015年，因主演青春电影《左耳》和冒险剧《盗墓笔记》而获得更多关注；同年，其主演的青春励志剧《旋风少女》取得全国同时段电 ... &gt;&gt;&gt;</p>
<p></p>
  <p></p>
  <h2>人物照片浏览</h2>
  <div class="main_list">
    <ul>
      <li><a href="#"><img src="images/q1.jpg" /></a></li>
      <li><a href="#"><img src="images/q2.jpg" /></a></li>
      <li><a href="#"><img src="images/q3.jpg" /></a></li>
      <li><a href="#"><img src="images/q4.jpg" /></a></li>
      <li><a href="#"><img src="images/q5.jpg" /></a></li>
      <li><a href="#"><img src="images/q6.jpg" /></a></li>
      <li><a href="#"><img src="images/q7.jpg" /></a></li>
      <li><a href="#"><img src="images/q8.jpg" /></a></li>
      <li><a href="#"><img src="images/q9.jpg" /></a></li>
      <li><a href="#"><img src="images/q10.jpg" /></a></li>
      <li><a href="#"><img src="images/q11.jpg" /></a></li>
      <li><a href="#"><img src="images/q12.jpg" /></a></li>
    </ul>
  </div>
  <div class="clear"></div>
</div>
<!--end of main-->

<div class="clear"></div>
<div class="foot">
  <p> 明星杨洋 版权所有</p>

</div>
<!--end of foot-->
</body>
</html>

四、获取更多源码

~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号获取更多源码 !
在这里插入图片描述

五、学习资料

web前端零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
在这里插入图片描述

六、更多源码

PC电脑端关注我们

HTML5期末考核大作业源码* 包含 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
在这里插入图片描述