HTML实例网页代码, 本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。
1 网页简介:此作品为学生个人主页网页设计题材,HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码,这是一个不错的网页制作,画面精明,代码为简单学生水平, 非常适合初学者学习使用。
2.网页编辑:网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作)。
3.知识应用:技术方面主要应用了网页知识中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了Logo(源文件)所需的知识点。
代码如下(示例):以下仅展示部分代码供参考~
DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>首页title>
<meta name="keywords" content="电视剧剧情,电视剧剧情介绍,电影剧情介绍" />
<meta name="description" content="爱影评致力打造最新电视剧分集剧情介绍的剧情介绍网站,提供最新电影剧情介绍,分集剧情介绍,剧情简介,剧集评价,演职员表,花絮,最新电视节目预告等剧情资料.看最新剧情,就上爱影评剧情网!" />
<link href="css/style.css" type="text/css" rel="stylesheet" />
<meta http-equiv="x-ua-compatible" content="ie=7" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js">script>
<script type="text/javascript" src="js/common.js">script>
head>
<body>
<div class="top">
<div class="w">
<span>欢迎来到爱影评www.aiyingping.com最专业的剧情介绍网站span>
div>
div>
<div id="header">
<div class="w">
<div class="logo">
<a href="index.html" title="首页-爱影评,电视剧情网">爱影评a>
div>
<div id="search">
<div class="ser">
<form action="/e/search/index.php" method="post" name="searchform" id="searchform">
<input type="text" id="kw" name="keyboard" class="search-input" value="请在此处输入影片片名或演员名称。" onfocus="if(this.value=='请在此处输入影片片名或演员名称。'){this.value='';}" onblur="if(this.value==''){this.value='请在此处输入影片片名或演员名称。';};" />
<input type="submit" name="submit" class="sub" value="" />
<input type="hidden" name="show" value="title,player" />
<input type="hidden" name="tempid" value="1" />
<input type="hidden" name="tbname" value="movie" />
form>
div>
<p>热门搜索:<a href="/e/search/result/?searchid=47" target="_blank">清潭洞丑闻a> <a href="/e/search/result/?searchid=27" target="_blank">神雕侠侣a> <a href="/e/search/result/?searchid=78" target="_blank">狎鸥亭白夜a> <a href="/e/search/result/?searchid=19" target="_blank">二炮手a> <a href="/e/search/result/?searchid=17" target="_blank">匹诺曹a> <a href="/e/search/result/?searchid=168" target="_blank">小时代4a><br />p>
div>
<p class="plus"><a href="ranking_list.html" class="ph">排行榜a><a href="/new.html" class="dq">最近更新a><a href="javascript:void(0)" rel="nofollow" id="addFavorite" class="sc">收藏我们a>p>
div>
div>
<div class="menu">
<div class="w">
<a href="index.html" titile="爱影评,电视剧情网">首页a>
<a href="list.html">电视剧剧情a>
<a href="list.html">电影剧情a>
<a href="list.html">动漫剧情a>
<a href="list.html" rel="nofollow">内地剧情a>
<a href="list.html" rel="nofollow">港台剧情a>
<a href="list.html" rel="nofollow">日韩剧情a>
<a href="list.html" rel="nofollow">欧美剧情a>
<a href="list.html" rel="nofollow">泰印剧情a>
<a href="stars.html">明星库a>
<a href="news.html">影视动态a>
div>
div>
<div class="focusBox" style="margin:0 auto">
<div class="w">
<ul class="pic">
<li><a href="detail.html"><img src="picture/adb95b16c9cfed604c968cabbb1f282f.jpg" />a>li>
<li><a href="detail.html"><img src="picture/ed81799f0bffe2a4b0259b9a1f316196.jpg" />a>li>
<li><a href="detail.html"><img src="picture/b1eba1166272276b9332812cb4814e26.jpg" />a>li>
<li><a href="detail.html"><img src="picture/51e17535512db3b83e574b335a143488.jpg" />a>li>
ul>
<div class="txt-bg">div>
<i class="ico">i>
<div class="txt">
<ul>
<li><a href="detail.html">封神英雄榜2a>li>
<li><a href="detail.html">活色生香a>li>
<li><a href="detail.html">医馆笑传a>li>
<li><a href="detail.html">长大a>li>
ul>
div>
<ul class="num">
<li class="on"><a href="index.html" target="_blank"><img src="picture/acdbff34b17f1af4c40f785f23953e41.jpg" />a>li>
<li><a href="detail.html"><img src="picture/b1563adb313ab9632c1512ceadc32772.jpg" />a>li>
<li><a href="detail.html"><img src="picture/485dcf4cb82351929b6e18f1345b2609.jpg" />a>li>
<li><a href="detail.html"><img src="picture/ab5061004445ae332c210b8e14aceb93.jpg" />a>li>
ul>
div>
div>
<script type="text/javascript">
jQuery(".focusBox").slide({ titCell:".num li", mainCell:".pic",effect:"fold", autoPlay:true,
startFun:function(i){
jQuery(".focusBox .txt li").eq(i).animate({"bottom":0}).siblings().animate({"bottom":-56});
}
});
script>
<div id="main">
<div class="banner">
<script src="js/thea1.js">script>
div>
<div class="box">
<div class="content">
<div class="title">
<h1><a href="list.html">电视剧剧情a>h1>
<dl>
<dd>
<a href="list.html">推荐a>
dd>
<dd>
<a href="/tv/list-2-0-0-0.html">都市a>
dd>
<dd>
<a href="/tv/list-3-0-0-0.html">家庭a>
dd>
<dd>
<a href="/tv/list-4-0-0-0.html">生活a>
dd>
<dd>
<a href="/tv/list-5-0-0-0.html">偶像a>
dd>
<dd>
<a href="/tv/list-6-0-0-0.html">喜剧a>
dd>
<dd>
<a href="/tv/list-7-0-0-0.html">历史a>
dd>
<dd>
<a href="/tv/list-8-0-0-0.html">古装a>
dd>
dl>
div>
<div class="bd clearfix">
<ul class="img-list dis clearfix">
<li><a class="play-img" href="detail.html" target="_blank"><img src="picture/f28811fffb1a2ee5002e1bb1d06809b3.jpg" alt="虎妈猫爸" />a><b><a href="detail.html" target="_blank">虎妈猫爸a>b><p>赵薇,佟大为,李佳,纪p>li>
<li><a class="play-img" href="/tv/472.html" target="_blank"><img src="picture/5c7ebf7d955c80b6b2219a31fe36fb1c.jpg" alt="听到传闻" />a><b><a href="/tv/472.html" target="_blank">听到传闻a>b><p>刘俊相,柳好贞,李准,p>li>
<li><a class="play-img" href="/tv/461.html" target="_blank"><img src="picture/9b6dbc7d40bcafca6643d7b4dd4dc31b.jpg" alt="嘿!真不是闹着玩的" />a><b><a href="/tv/461.html" target="_blank">嘿!真不是闹着玩的a>b><p>李泽锋,解惠清,殷叶子p>li>
<li><a class="play-img" href="/tv/429.html" target="_blank"><img src="picture/69c9f4e5a845125b8c7dfd51b777cd57.jpg" alt="相爱穿梭千年" />a><b><a href="/tv/429.html" target="_blank">相爱穿梭千年a>b><p>井柏然,郑爽,黄柏钧,p>li>
<li><a class="play-img" href="/tv/405.html" target="_blank"><img src="picture/55187e06ad8b9534e14498b6760bd4e0.jpg" alt="倩女喜相逢" />a><b><a href="/tv/405.html" target="_blank">倩女喜相逢a>b><p>薛家燕,萧正楠,滕丽名p>li>
<li><a class="play-img" href="/tv/400.html" target="_blank"><img src="picture/a935be0910db37c0a0e01e52a3c39268.jpg" alt="极品新娘" />a><b><a href="/tv/400.html" target="_blank">极品新娘a>b><p>李沁,金世佳p>li>
<li><a class="play-img" href="/tv/396.html" target="_blank"><img src="picture/8f5f020a7b1b358c0673c3d156590b09.jpg" alt="行尸走肉第五季" />a><b><a href="/tv/396.html" target="_blank">行尸走肉第五季a>b><p>安德鲁·林肯,钱德勒p>li>
<li><a class="play-img" href="index.html" target="_blank"><img src="picture/5e135aaecac2a1e8d0b1d657f86e84e2.jpg" alt="医馆笑传" />a><b><a href="index.html" target="_blank">医馆笑传a>b><p>陈赫,王传君,姜妍,张p>li>
<li><a class="play-img" href="/tv/189.html" target="_blank"><img src="picture/c0cb10d05740e78411eeb692c16c1be6.jpg" alt="治愈者/Healer" />a><b><a href="/tv/189.html" target="_blank">治愈者/Healera>b><p>刘智泰,朴敏英,池昌旭p>li>
<li><a class="play-img" href="/tv/177.html" target="_blank"><img src="picture/e223126b1484218b5d345b79ce2e3032.jpg" alt="Mr.Back" />a><b><a href="/tv/177.html" target="_blank">Mr.Backa>b><p>申河均,张娜拉,李准,p>li>
ul>
<ul class="img-list clearfix">
<li><a class="play-img" href="detail.html" target="_blank"><img src="picture/f28811fffb1a2ee5002e1bb1d06809b3.jpg" alt="虎妈猫爸" />a><b><a href="detail.html" target="_blank">虎妈猫爸a>b><p>赵薇,佟大为,李佳,纪p>li>
<li><a class="play-img" href="/tv/469.html" target="_blank"><img src="picture/b3714a521287bc6247c447fb593db958.jpg" alt="圈里圈外" />a><b><a href="/tv/469.html" target="_blank">圈里圈外a>b><p>p>li>
<li><a class="play-img" href="/tv/459.html" target="_blank"><img src="picture/f07f1c357c9dd0ed6d0726e431c259d3.jpg" alt="家有一老" />a><b><a href="/tv/459.html" target="_blank">家有一老a>b><p>闫学晶,杜源,张少华,p>li>
<li><a class="play-img" href="/tv/457.html" target="_blank"><img src="picture/b353ec0a0f0953b2118d465b1e179011.jpg" alt="活法" />a><b><a href="/tv/457.html" target="_blank">活法a>b><p>李幼斌,李立群,潘之琳p>li>
<li><a class="play-img" href="/tv/451.html" target="_blank"><img src="picture/4dfe1d0496daa8bc1fc4b44abfc5c070.jpg" alt="淑女之家" />a><b><a href="/tv/451.html" target="_blank">淑女之家a>b><p>韩雪,刘恩佑,陈翔,马p>li>
<li><a class="play-img" href="/tv/430.html" target="_blank"><img src="picture/19e8e6d6336c29839c5f1238cb3e024e.jpg" alt="港媳嫁到" />a><b><a href="/tv/430.html" target="_blank">港媳嫁到a>b><p>袁咏仪,高鑫,王丽云,p>li>
<li><a class="play-img" href="/tv/398.html" target="_blank"><img src="picture/da493030166e424aed656aad2605e7f2.jpg" alt="小野兽花店" />a><b><a href="/tv/398.html" target="_blank">小野兽花店a>b><p>王柯达,胡可,厉娜,赵p>li>
<li><a class="play-img" href="/tv/365.html" target="_blank"><img src="picture/94e0a102c33170bbc7010b9b7a192a06.jpg" alt="逆光之恋" />a><b><a href="/tv/365.html" target="_blank">逆光之恋a>b><p>米热,迪丽热巴,张逸杰p>li>
<li><a class="play-img" href="/tv/363.html" target="_blank"><img src="picture/afbcadcef1280463fefe6c6258d96192.jpg" alt="新警事之一叶惊涛" />a><b><a href="/tv/363.html" target="_blank">新警事之一叶惊涛a>b><p>李成儒,杨子桦p>li>
<li><a class="play-img" href="/tv/362.html" target="_blank"><img src="picture/7197404ea846a73af7356a195e8491b1.jpg" alt="呼叫助产士第四季" />a><b><a href="/tv/362.html" target="_blank">呼叫助产士第四季a>b><p>Emerald Fennellp>li>
ul>
<ul class="img-list clearfix">
<li><a class="play-img" href="detail.html" target="_blank"><img src="picture/f28811fffb1a2ee5002e1bb1d06809b3.jpg" alt="虎妈猫爸" />a><b><a href="detail.html" target="_blank">虎妈猫爸a>b><p>赵薇,佟大为,李佳,纪p>li>
<li><a class="play-img" href="/tv/472.html" target="_blank"><img src="picture/5c7ebf7d955c80b6b2219a31fe36fb1c.jpg" alt="听到传闻" />a><b><a href="/tv/472.html" target="_blank">听到传闻a>b><p>刘俊相,柳好贞,李准,p>li>
<li><a class="play-img" href="/tv/465.html" target="_blank"><img src="picture/5255d03db0badacc49c5016e5b6385a0.jpg" alt="青鸟之家" />a><b><a href="/tv/465.html" target="_blank">青鸟之家a>b><p>李俊赫,庆收真,李相烨p>li>
<li><a class="play-img" href="/tv/459.html" target="_blank"><img src="picture/f07f1c357c9dd0ed6d0726e431c259d3.jpg" alt="家有一老" />a><b><a href="/tv/459.html" target="_blank">家有一老a>b><p>闫学晶,杜源,张少华,p>li>
<li><a class="play-img" href="/tv/451.html" target="_blank"><img src="picture/4dfe1d0496daa8bc1fc4b44abfc5c070.jpg" alt="淑女之家" />a><b><a href="/tv/451.html" target="_blank">淑女之家a>b><p>韩雪,刘恩佑,陈翔,马p>li>
<li><a class="play-img" href="/tv/430.html" target="_blank"><img src="picture/19e8e6d6336c29839c5f1238cb3e024e.jpg" alt="港媳嫁到" />a><b><a href="/tv/430.html" target="_blank">港媳嫁到a>b><p>袁咏仪,高鑫,王丽云,p>li>
<li><a class="play-img" href="/tv/399.html" target="_blank"><img src="picture/f2e82b60f570a5457f415fde4a06affe.jpg" alt="后妈的春天" />a><b><a href="/tv/399.html" target="_blank">后妈的春天a>b><p>李彩桦,贺刚,黑子,刘p>li>
<li><a class="play-img" href="/tv/397.html" target="_blank"><img src="picture/3d40650cf812d84c280fe5deb935f731.jpg" alt="我阿妈系黑玫瑰" />a><b><a href="/tv/397.html" target="_blank">我阿妈系黑玫瑰a>b><p>惠英红,姜大卫,陈宇琛p>li>
<li><a class="play-img" href="/tv/393.html" target="_blank"><img src="picture/bcdb39c24aa1154d5ed71318be3f0405.jpg" alt="残念丈夫" />a><b><a href="/tv/393.html" target="_blank">残念丈夫a>b><p>玉木宏,仓科加奈p>li>
<li><a class="play-img" href="/tv/392.html" target="_blank"><img src="picture/bff00b35f776c834715064bf83c53c2d.jpg" alt="永不低头" />a><b><a href="/tv/392.html" target="_blank">永不低头a>b><p>张涵予,任重,谢园,王p>li>
ul>
<ul class="img-list clearfix">
<li><a class="play-img" href="/tv/472.html" target="_blank"><img src="picture/5c7ebf7d955c80b6b2219a31fe36fb1c.jpg" alt="听到传闻" />a><b><a href="/tv/472.html" target="_blank">听到传闻a>b><p>刘俊相,柳好贞,李准,p>li>
<li><a class="play-img" href="/tv/469.html" target="_blank"><img src="picture/b3714a521287bc6247c447fb593db958.jpg" alt="圈里圈外" />a><b><a href="/tv/469.html" target="_blank">圈里圈外a>b><p>p>li>
<li><a class="play-img" href="/tv/465.html" target="_blank"><img src="picture/5255d03db0badacc49c5016e5b6385a0.jpg" alt="青鸟之家" />a><b><a href="/tv/465.html" target="_blank">青鸟之家a>b><p>李俊赫,庆收真,李相烨p>li>
<li><a class="play-img" href="/tv/461.html" target="_blank"><img src="picture/9b6dbc7d40bcafca6643d7b4dd4dc31b.jpg" alt="嘿!真不是闹着玩的" />a><b><a href="/tv/461.html" target="_blank">嘿!真不是闹着玩的a>b><p>李泽锋,解惠清,殷叶子p>li>
<li><a class="play-img" href="/tv/457.html" target="_blank"><img src="picture/b353ec0a0f0953b2118d465b1e179011.jpg" alt="活法" />a><b><a href="/tv/457.html" target="_blank">活法a>b><p>李幼斌,李立群,潘之琳p>li>
<li><a class="play-img" href="/tv/449.html" target="_blank"><img src="picture/75729f3e25d1e8cbb1e2a93bcd282234.jpg" alt="转身说爱你" />a><b><a href="/tv/449.html" target="_blank">转身说爱你a>b><p>崔始源,王珞丹,宣言,p>li>
<li><a class="play-img" href="/tv/430.html" target="_blank"><img src="picture/19e8e6d6336c29839c5f1238cb3e024e.jpg" alt="港媳嫁到" />a><b><a href="/tv/430.html" target="_blank">港媳嫁到a>b><p>袁咏仪,高鑫,王丽云,p>li>
<li><a class="play-img" href="/tv/399.html" target="_blank"><img src="picture/f2e82b60f570a5457f415fde4a06affe.jpg" alt="后妈的春天" />a><b><a href="/tv/399.html" target="_blank">后妈的春天a>b><p>李彩桦,贺刚,黑子,刘p>li>
<li><a class="play-img" href="/tv/397.html" target="_blank"><img src="picture/3d40650cf812d84c280fe5deb935f731.jpg" alt="我阿妈系黑玫瑰" />a><b><a href="/tv/397.html" target="_blank">我阿妈系黑玫瑰a>b><p>惠英红,姜大卫,陈宇琛p>li>
<li><a class="play-img" href="index.html" target="_blank"><img src="picture/def4959be0336bcd185332379229ef94.jpg" alt="活色生香" />a><b><a href="index.html" target="_blank">活色生香a>b><p>唐嫣,李易峰,舒畅,陈p>li>
ul>
<ul class="img-list clearfix">
<li><a class="play-img" href="/tv/449.html" target="_blank"><img src="picture/75729f3e25d1e8cbb1e2a93bcd282234.jpg" alt="转身说爱你" />a><b><a href="/tv/449.html" target="_blank">转身说爱你a>b><p>崔始源,王珞丹,宣言,p>li>
<li><a class="play-img" href="/tv/429.html" target="_blank"><img src="picture/69c9f4e5a845125b8c7dfd51b777cd57.jpg" alt="相爱穿梭千年" />a><b><a href="/tv/429.html" target="_blank">相爱穿梭千年a>b><p>井柏然,郑爽,黄柏钧,p>li>
<li><a class="play-img" href="/tv/352.html" target="_blank"><img src="picture/1ced6558143e2b8bfe917c7e05f5a263.jpg" alt="千金女贼" />a><b><a href="/tv/352.html" target="_blank">千金女贼a>b><p>唐嫣,刘恺威,杨蓉,杨p>li>
<li><a class="play-img" href="index.html" target="_blank"><img src="picture/23e89d6e6689cbe7328f277339310ac3.jpg" alt="长大" />a><b><a href="index.html" target="_blank">长大a>b><p>白百何,陆毅,江疏影,p>li>
<li><a class="play-img" href="/tv/345.html" target="_blank"><img src="picture/39aeb8d15640950d8426c6cd36b89d1f.jpg" alt="Dream Knight" />a><b><a href="/tv/345.html" target="_blank">Dream Knighta>b><p>GOT7,宋昰昀,李玟暎,p>li>
<li><a class="play-img" href="/tv/344.html" target="_blank"><img src="picture/6c3980f4fec231990b66e3adb227aef0.jpg" alt="白衣校花与大长腿" />a><b><a href="/tv/344.html" target="_blank">白衣校花与大长腿a>b><p>袁冰妍,郝允祥,许峰p>li>
<li><a class="play-img" href="/tv/310.html" target="_blank"><img src="picture/3cd6b929cdb71dc9bf017c18c7d7358e.jpg" alt="童话恋曲201314" />a><b><a href="/tv/310.html" target="_blank">童话恋曲201314a>b><p>苏永康,廖碧儿,陈柏宇p>li>
<li><a class="play-img" href="/tv/297.html" target="_blank"><img src="picture/d2ebb688db490c688b73a2393c14dfe1.jpg" alt="炫" />a><b><a href="/tv/297.html" target="_blank">炫a>b><p>weir,Aumpp>li>
<li><a class="play-img" href="/tv/272.html" target="_blank"><img src="picture/8224ee79333411fdef0a47caebc50293.jpg" alt="欢乐合唱团第六季" />a><b><a href="/tv/272.html" target="_blank">欢乐合唱团第六季a>b><p>丽亚·米雪儿,马修·p>li>
<li><a class="play-img" href="/tv/245.html" target="_blank"><img src="picture/2b1c8c99e1714823a5bd2db8e6363659.jpg" alt="仙岩女高侦探团" />a><b><a href="/tv/245.html" target="_blank">仙岩女高侦探团a>b><p>陈智熙,李惠利,姜敏儿p>li>
ul>
<ul class="img-list clearfix">
<li><a class="play-img" href="detail.html" target="_blank"><img src="picture/f28811fffb1a2ee5002e1bb1d06809b3.jpg" alt="虎妈猫爸" />a><b><a href="detail.html" target="_blank">虎妈猫爸a>b><p>赵薇,佟大为,李佳,纪p>li>
<li><a class="play-img" href="detail.html" target="_blank"><img src="picture/ca881ca32b211d4005624209a8996d7c.jpg" alt="爱情宝典" />a><b><a href="detail.html" target="_blank">爱情宝典a>b><p>范冰冰,乐珈彤,沈晓海p>li>
<li><a class="play-img" href="/tv/472.html" target="_blank"><img src="picture/5c7ebf7d955c80b6b2219a31fe36fb1c.jpg" alt="听到传闻" />a><b><a href="/tv/472.html" target="_blank">听到传闻a>b><p>刘俊相,柳好贞,李准,p>li>
<li><a class="play-img" href="/tv/468.html" target="_blank"><img src="picture/55c4dbe288b045f244c57d07ef19c4d9.jpg" alt="龙汇镖局之大宋女镖师" />a><b><a href="/tv/468.html" target="_blank">龙汇镖局之大宋女镖师a>b><p>蓝燕,陈月末,张一鸾,p>li>
<li><a class="play-img" href="/tv/466.html" target="_blank"><img src="picture/d90155164c38256a12792ce0def3ef83.jpg" alt="神机妙算刘伯温" />a><b><a href="/tv/466.html" target="_blank">神机妙算刘伯温a>b><p>何冰,于震,王刚,王姬,p>li>
<li><a class="play-img" href="/tv/461.html" target="_blank"><img src="picture/9b6dbc7d40bcafca6643d7b4dd4dc31b.jpg" alt="嘿!真不是闹着玩的" />a><b><a href="/tv/461.html" target="_blank">嘿!真不是闹着玩的a>b><p>李泽锋,解惠清,殷叶子p>li>
<li><a class="play-img" href="/tv/459.html" target="_blank"><img src="picture/f07f1c357c9dd0ed6d0726e431c259d3.jpg" alt="家有一老" />a><b><a href="/tv/459.html" target="_blank">家有一老a>b><p>闫学晶,杜源,张少华,p>li>
<li><a class="play-img" href="/tv/427.html" target="_blank"><img src="picture/8c4cacbdce39c22a90c011b73ade862f.jpg" alt="浩九的爱情" />a><b><a href="/tv/427.html" target="_blank">浩九的爱情a>b><p>金宥真,崔宇植,任瑟雍p>li>
<li><a class="play-img" href="/tv/405.html" target="_blank"><img src="picture/55187e06ad8b9534e14498b6760bd4e0.jpg" alt="倩女喜相逢" />a><b><a href="/tv/405.html" target="_blank">倩女喜相逢a>b><p>薛家燕,萧正楠,滕丽名p>li>
<li><a class="play-img" href="/tv/400.html" target="_blank"><img src="picture/a935be0910db37c0a0e01e52a3c39268.jpg" alt="极品新娘" />a><b><a href="/tv/400.html" target="_blank">极品新娘a>b><p>李沁,金世佳p>li>
ul>
<ul class="img-list clearfix">
<li><a class="play-img" href="/tv/450.html" target="_blank"><img src="picture/0b9332b0fcefc45fdea4467c819484d3.jpg" alt="钱塘传奇" />a><b><a href="/tv/450.html" target="_blank">钱塘传奇a>b><p>余少群,郭珍霓,汤镇业p>li>
<li><a class="play-img" href="/tv/435.html" target="_blank"><img src="picture/1ac6d1b11e2b23a07a33fd9e3a3f8a05.jpg" alt="惩毖录" />a><b><a href="/tv/435.html" target="_blank">惩毖录a>b><p>金相中,金泰佑,金惠恩p>li>
<li><a class="play-img" href="/tv/433.html" target="_blank"><img src="picture/cd2af809f9908e13340af1207ea64ff9.jpg" alt="石敢当之雄峙天东" />a><b><a href="/tv/433.html" target="_blank">石敢当之雄峙天东a>b><p>张子健,刘德凯,六小龄p>li>
<li><a class="play-img" href="/tv/406.html" target="_blank"><img src="picture/af7f271bedcf42841952af552e041a2e.jpg" alt="隋唐英雄5之薛刚反唐" />a><b><a href="/tv/406.html" target="_blank">隋唐英雄5之薛刚反唐a>b><p>余少群,孙耀琦,惠英红p>li>
<li><a class="play-img" href="/tv/404.html" target="_blank"><img src="picture/94f9db4580cdc7c663cb4436552260d9.jpg" alt="青年霍元甲之冲出江湖" />a><b><a href="/tv/404.html" target="_blank">青年霍元甲之冲出江湖a>b><p>李浩轩,刘真君,徐少强p>li>
<li><a class="play-img" href="/tv/314.html" target="_blank"><img src="picture/d2bbd7b8c610a4163bfdad628fc8d6ab.jpg" alt="花燃" />a><b><a href="/tv/314.html" target="_blank">花燃a>b><p>井上真央,大泽隆夫p>li>
<li><a class="play-img" href="/tv/307.html" target="_blank"><img src="picture/0509498312ee9310a3b43f5d621c1324.jpg" alt="辉煌或疯狂" />a><b><a href="/tv/307.html" target="_blank">辉煌或疯狂a>b><p>张赫,吴涟序,李荷妮,p>li>
<li><a class="play-img" href="/tv/258.html" target="_blank"><img src="picture/68bd93d4e52f495c06922ec962e17781.jpg" alt="王的面孔" />a><b><a href="/tv/258.html" target="_blank">王的面孔a>b><p>徐仁国,李成宰,赵允熙p>li>
<li><a class="play-img" href="/tv/182.html" target="_blank"><img src="picture/2e0a36fe46602c81a4bcbc5f15e241ca.jpg" alt="大漠苍狼" />a><b><a href="/tv/182.html" target="_blank">大漠苍狼a>b><p>黄志忠,刘孜,李芯逸,p>li>
<li><a class="play-img" href="/tv/181.html" target="_blank"><img src="picture/03113fd10b6270eae82bb1ec84d51f19.jpg" alt="大清盐商" />a><b><a href="/tv/181.html" target="_blank">大清盐商a>b><p>张嘉译,张志坚,俞飞鸿p>li>
ul>
<ul class="img-list clearfix">
<li><a class="play-img" href="detail.html" target="_blank"><img src="picture/ca881ca32b211d4005624209a8996d7c.jpg" alt="爱情宝典" />a><b><a href="detail.html" target="_blank">爱情宝典a>b><p>范冰冰,乐珈彤,沈晓海p>li>
<li><a class="play-img" href="/tv/468.html" target="_blank"><img src="picture/55c4dbe288b045f244c57d07ef19c4d9.jpg" alt="龙汇镖局之大宋女镖师" />a><b><a href="/tv/468.html" target="_blank">龙汇镖局之大宋女镖师a>b><p>蓝燕,陈月末,张一鸾,p>li>
<li><a class="play-img" href="/tv/467.html" target="_blank"><img src="picture/26a2bc661d1011c0deeb6937fbcf09e5.jpg" alt="失宠王妃之结缘" />a><b><a href="/tv/467.html" target="_blank">失宠王妃之结缘a>b><p>李晟,高云翔,霍政谚,p>li>
<div id="footer">
<div class="help">
<div class="w">
<ul>
<li> <b>电视节目指南b> <p><a href="javascript:;" rel="nofollow">正在播出a>p><p><a href="javascript:;" rel="nofollow">热门节目a>p><p><a href="javascript:;" rel="nofollow">分类预告a>p><p><a href="javascript:;" rel="nofollow">一周节目指南a>p> li>
<li> <b>相关推荐b> <p><a href="javascript:;" rel="nofollow">图片写真a>p><p><a href="javascript:;" rel="nofollow">影评/短评a>p><p><a href="javascript:;" rel="nofollow">剧情a>p><p><a href="javascript:;" rel="nofollow">预告片a>p> li>
<li> <b>关于我们b> <p><a href="about.html" rel="nofollow">关于我们a>p><p><a href="map.html">站点地图a>p><p><a href="/hz.html" rel="nofollow">站长合作a>p><p><a href="/contact.html" rel="nofollow">联系我们a>p> li>
<li> <b>帮助中心b> <p><a href="javascript:;" rel="nofollow">站长工具a>p><p><a href="/help.html" rel="nofollow">帮助说明a>p><p><a href="javascript:;" rel="nofollow">讨论区a>p> li>
<li class="wx"> <b>关注微信b> <p class="wxcode"><i>i>p><p>扫描二维码 下载客户端p> li>
<li class="wb"> <b>关注微博b> <p><a href="javascript:;" rel="nofollow">新浪微博a>p><p><a href="javascript:;" rel="nofollow">腾讯微博a>p> li>
ul>
div>
div>
<div class="foot">
<p>Copyright © 2014-2015 爱影评 www.aiyingping.com All rights reservedp>
<p>湘ICP备14016065号-2p>
<script type="text/javascript">
script>
<script type="text/javascript">
script>
div>
div>
<script type="text/javascript" src="js/index.js">script>
body>
html>
/* CSS Document by QQ 415204 */
body, div, iframe, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, table, th, td,
form, input, button, select, textarea {margin: 0;padding: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;}
ol, ul {list-style: none;}
img {border: 0;}
a:link,a:visited {color:#505050;text-decoration:none;}
a:hover {color:#0FA7EA;text-decoration:none;}
body {font-size:12px;color:#505050;font-family:'微软雅黑','Microsoft Yahei', Tahoma,Verdana;background:#f0f0f0;_background-image:url(about:blank);_background-attachment:fixed;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border:0; }
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:12px; font-weight:normal;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
img{vertical-align:top;}
.cr {clear:both;height:0px;overflow:hidden;}
.fl {float:left;}
.fr {float:right;}
.mt10 {margin-top:10px;}
.mt8 {margin-top:8px;}
.hidden,.ins {display:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
:hidden}
.vstar #rating {width: 130px;height:22px;overflow: hidden;color: #666;float: left;clear: both;}
.vstar #rating .rating {float:left;width:120px;height:22px;overflow: hidden;}
.vstar #rating .rating li {cursor: pointer;float:left;overflow: hidden;width:22px;height:21px;text-indent: -99px;background: url(../images/star.gif) 0 -21px no-repeat;margin:0 1px;}
.vstar #rating .rating li:hover,.vstar #rating .rating li.active {background: url(../images/star.gif) no-repeat;}
.starfen {float:left;color:#A2A2A2;}
.starfen b {color:#f60; font-family:Arial, Helvetica, sans-serif;}
.starfen em {font-size:22px;font-style:normal;}
.share {border:1px dashed #ccc;background:#f8f8f8;padding:5px 10px;margin-bottom:12px}
.bctime {padding-bottom:30px}
.bctime h3 {line-height:50px;height:50px;font-weight:bold;font-size:16px;color:#0FA7EA;}
.bctime ul {height:100%;overflow:hidden}
.bctime li {line-height:36px;height:36px;clear:both;float:left;widtH:100%;overflow:hidden}
.bctime .t {background:#e5e5e5;font-size:14px;color:#333;font-weight:bold}
.bctime li p {float:left;padding-left:24px;width:200px;color:#626262}
.bctime li span {float:right;width:212px;display:block}
.bctime li a,.bctime li a:visited {color:#0FA7EA;}
.tvlike {padding-bottom:20px}
.tvlike li {border-bottom:1px dashed #d1d1d1;padding:10px 0 12px;height:122px;}
.tvlike li img {float:left;width:92px;height:116px;padding:2px;border:1px solid #d1d1d1}
.tvlike li div {float:right;width:180px;}
.tvlike li p {height:24px;line-height:24px;overflow:hidden;color:#666;}
.tvlike li p b {padding-right:6px}
.tvlike li p span {float:left;color:#0FA5E9}
.tvlike li a:hover img {border:1px solid #0FA7EA}
.casttable {margin-bottom:40px;}
.casttable ul {heighT:100%;overflow:hidden;}
.casttable li.hd {background:#e2e2e2;color:#2b2b2b;line-heighT:30px;height:30px;border:0;}
.casttable li.hd span {color:#2b2b2b}
.casttable li {float:left;widtH:660px;font-size:14px;border-bottom:1px solid #e1e1e1;line-height:37px;clear:both;}
.casttable li span {display:block;float:left;width:100px;padding-left:20px;color:#07AAEA}
.casttable li p {line-height:18px;width:420px;float:left;color:#5C5C5C;overflow:hidden;}
.casttable li a {color:#07AAEA}
.casttable li a:hover {color:#f00}
.yanzhi {padding-bottom:40px}
.plpost {padding:10px;background:#E9E9E9}
.plpost textarea {height:76px;padding:10px;width:;border:1px solid #D9D9D9;width:618px;overflow:hidden}
.plpost .pluser {height:30px;padding-top:10px;}
.plpost #pluser {float:left;}
.plpost .btn {float:right;background:#E94D36;height:30px;text-align:center;width:90px;border:none;color:#fff; cursor:pointer}
.plpost .btn:hover {background:#0FA5E9}
.moviepl li {padding:6px 0;border-bottom:1px dashed #ccc}
.moviepl li p {height:28px;line-height:28px;color:#4E4E4E;padding:5px 0}
.moviepl .plinfo {height:20px;line-height:20px;color:#626262;padding-top:10px;}
.moviepl .plinfo span {float:left;}
.moviepl .plinfo span em{font-style:normal}
.moviepl li p {height:auto;line-height:28px;color:#4E4E4E;padding:5px 0}
.moviepl li a,.moviepl li a:visited {color:#0070BC}
.plinfo a {color:#0071BC}
.plinfo .diggtop,.plinfo .diggdown {background:url(../images/g.gif) no-repeat 0 -108px;padding-left:16px}
.plinfo .diggdown { background-position:0 -133px;padding-right:10px;margin-left:10px}
.plinfo .star {float:left;margin:3px 10px 0;}
.star,.star i {display:block;width:60px;height:12px;line-height:12px;overflow:hidden;background:url(../images/i.png) no-repeat 0px -185px}
.star i { background-position:0px -173px}
.star1 {widtH:12px;}
.star2 {widtH:24px;}
.star3 {widtH:36px;}
.star4 {widtH:48px;}
.star5 {widtH:60px;}
.search {padding:20px}
.search .title {line-height:40px;height:40px;font-size:14px;}
.search .title b {color:#f00}
.search ul {padding-bottom:30px}
.search li {border-bottom:1px dashed #ddd;padding:12px 0;}
.search li h2 {line-height:30px;height:30px;font-size:14px}
.search li p {line-height:22px;color:#909090;height:44px;overflow:hidden}
/* 排行 */
.toplist {}
.pside {float:left;width:250px;}
.pside ul {background:#fff;padding:0 0 20px}
.pside .title {height:50px;line-height:50px;font-size:24px;color:#242424;border-bottom:1px dashed #EDEDED;text-indent:70px;font-weight:400;margin-bottom:10px}
.pside li {height:38px;line-height:38px;}
.pside li a,.pside li a:visited {display:block;height:36px;line-height:36px;padding:1px 0 1px 70px;color:#505050;font-size:14px}
.pside .curr a,.pside .curr a:visited,.pside li a:hover {background:#07AAEB;text-decoration:none;color:#fff;padding:0 0 0 70px;}
.sidead {width:250px;margin:10px auto 0}
.toplist .hotcon {float:right;width:740px;padding-bottom:14px;height:100%;overflow:hidden;background:#fff}
.toplist .no {border:0;margin-right:0;padding:0;}
.hotcon .htitle {border-bottom:1px solid #f2f2f2;height:40px;margin:0 10px 10px}
.hotcon .htitle h3 {float:left;font-size:16px;color:#999;padding-right:10px;border-bottom:2px solid #07A7E3;height:39px;line-height:39px;position:relative;bottom:-1px;}
.hotbox .title {height:36px;line-height:36px;color:#424451;padding:0 14px;background:url(../images/line.gif) repeat-x 0 100%;font-size:14px}
.hotbox .bti {height:26px;line-height:26px;background:#F3F3F3;color:#464646;}
.hotbox .bti s,.hotbox .bti i,.hotbox .bti em {float:left;display:block;}
.hotbox .bti s {width:40px;padding-left:10px; text-decoration:none}
.hotbox .bti em {width:240px;}
.hotbox .bti i {width:58px;}
.hotbox li {height:30px;line-height:30px;background:url(../images/line.gif) repeat-x 0 100%;padding:0 0px 0 14px;}
.hotbox li i {display:inline-block;width:14px;line-height:14px;height:14px; font-family:Arial; font-size:11px;color:#fff;background:#BDC3BF;text-align:center;margin-right:26px}
.hotbox li i.on {background:#FF912F}
.hotbox li span,.hotlist li span {float:right;color:#8C8D92;display:block;widtH:58px;}
.hotbox a,.hotbox a:visited {color:#0070BD}
.hotlist {margin:0 10px;widtH:716px;padding:0;border-right:0;height:100%;overflow:hidden}
.hotlist .bti i {float:right;widtH:58px;}
.hotlist .bti em {width:360px}
.hotlist .bti .mx {width:200px;float:left;}
.hotlist ul {height:100%;overflow:hidden}
.hotlist li em {padding-right:14px;display:block;width:240px;}
.hotlist li em {float:right;color:#888}
/* 新闻 */
.artlist {padding:15px 10px 13px;margin-bottom:8px}
.artlist ul {margin:11px 0px 0;padding-bottom:11px;border-bottom:1px dashed #dedede}
.artlist li {height:30px;line-height:30px;padding-left:22px;font-size:14px;position:relative;background:url(../images/helpbg.jpg) no-repeat 6px 12px;}
.artlist li span {position:absolute;right:10px;top:0;color:#858585;font-size:12px;}
.view {float:left;width:690px}
.endnew,.like {padding:18px}
.endnew h1 {font-size:22px;text-align:center;line-height:50px;height:50px;color:#2F2F2F;font-weight:bold}
.auor {text-align:center;color:#6c6c6c;line-height:18px;height:18px;padding:10px 0 20px;border-bottom:1px dotted #e5e5e5;margin-bottom:16px; position:relative}
.auor a,.auor a:visited {color:#6c6c6c}
.auor a:hover,.infotxt li a:hover {color:#e00}
.infoprev {line-height:26px;padding:16px 0;font-size:14px;border-top:1px dotted #E7E7E7;border-bottom:1px dotted #E7E7E7;margin-top:20px}
.infoprev a,.infoprev a:visited {color:#1173CC}
.infoprev a:hover {color:#f00}
.vad {display:block;clear:both}
.intro {border:1px solid #E9E9E7;height:70px;line-height:26px;padding:26px 26px 0; position:relative;margin-bottom:10px;}
.intro b { position:absolute;left:26px;top:-14px;background:#fff;padding:0 10px;font-size:14px;font-weight:bold;color:#6F6F6F;float:left;display:block}
一套合格的网页应该包含(具体可根据个人要求而定)
1.看到这里了就 【点赞收藏博文】
三连支持下吧,你的支持是我创作的动力, 【观注作者 |获取更多源码| 优质文章】
。
2.关注我带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者,一起探讨 前端 Node 知识,互相学习」!
3.以上内容技术相关问题可以相互学习交流