视频8网页

最新推荐文章于 2024-09-13 17:21:46 发布

WYFBYM

最新推荐文章于 2024-09-13 17:21:46 发布

阅读量354

点赞数 10

文章标签： html

本文链接：https://blog.csdn.net/WYFBYM/article/details/135299529

版权

本文描述了一个视频网站的HTML结构，包括头部导航、轮播图、热门视频列表和用户分享等内容，展示了网站的基本布局和交互元素。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>视频8</title>
		<link href="css/style15.css" type="text/css" rel="stylesheet"/>
	</head>
	<body>
	<!--head begin-->
	<div id="head">
		<div class="con"></div>
	</div>
	<!--head end-->
	<!--nav begin-->
	<div id="nav">
		<div class="nav_in"></div>
	</div>
	<!--nav end-->
	<!--banner begin-->
	<div class="banner">
		<div class="banner_pic"></div>
	</div>
	<!--banner end-->
	<!--content begin-->
	<div class="hot"></div>
	<!-- <div class="share"></div> -->
	<!--content end-->
	<!--footer begin-->
	<div id="footer">
		<div class="foot"></div>
	</div>
	<!--footer end-->
	<div id="head">
		<div class="con">
			<ul class="left">
				<li>首页</li>
				<li>电影音乐</li>
				<li>独家栏目</li>
				<li>VIP影院</li>
				<li>电影百科</li>
			</ul>
			<ul class="right">
				<li>APP下载</li>
				<li>播放记录</li>
				<li>登录|注册</li>
			</ul>
			<img src="img/images/pic01.jpg"/>
		</div>
	</div>
	<div id="nav">
		<div class="nav_in">
			<ul>
				<li><a href="#"></a></li>
				<li><a href="#">个人中心</a></li>
				<li><a href="#">视频播放</a></li>
			</ul>
			<ol>
				<li>&#xe65e;</li>
				<li>&#xe608;</li>
				<li>&#xf012a;</li>
				<li>&#xe68e;</li>
			</ol>
		</div>
	</div>
	<div class="banner">
		<img class="hot" src="img/images/pic01.jpg"/>
		<div class="banner_pic">
			<div class="current"><img class="ban" src="img/images/banner01.jpg"></div>
		</div>
		<p>迅速发现最新影视快|尽享国内外优秀视频资源|分享观影心德结识新朋友</p>
		<p class="ty2">观影最新视频</p>
		<ol id="button">
			<li class="current"></li>
			<li class="but"></li>
			<li class="but"></li>
		</ol>
		<a href="#con" class="sanjiao">
			<img src="img/images/jiantou.png" alt="">
		</a>
	</div>
	<div class="hot">
		<h2>最热视频</h2>
		<video src="img/video/pian.mp4" controls></video>
		<a href="#"><img src="img/images/pic02.jpg"></a>
		<a href="#"><img src="img/images/pic03.jpg"></a>
		<a href="#"><img src="img/images/pic04.jpg"></a>
		<a href="#"><img src="img/images/pic05.jpg"></a>
		<a href="#"><img src="img/images/pic06.jpg"></a>
	</div>
	<div class="share">
		<h2>观影达人</h2>
		<a href="#">
			<img src="img/images/pic07.jpg">
			<div class="cur">
				<img src="img/images/pic01.png">
				<h3>nosay</h3>
				<p>视频：34 订阅粉丝：30112</p>
				<span>订阅</span>
			</div>
		</a>
		<a href="#">
			<img src="img/images/pic07.jpg">
			<div class="cur">
				<img src="img/images/pic02.png">
				<h3>nosay</h3>
				<p>视频：34 订阅粉丝：30112</p>
				<span>订阅</span>
			</div>
		</a>
		<a href="#">
			<img src="img/images/pic07.jpg">
			<img src="img/images/pic03.png">
			<h3>nosay</h3>
			<p>视频：34 订阅粉丝：30112</p>
			<span>订阅</span>
		</a>
		<a href="#">
			<img src="img/images/pic07.jpg">
			<img src="img/images/pic04.png">
			<h3>nosay</h3>
			<p>视频：34 订阅粉丝：30112</p>
			<span>订阅</span>
		</a>
	</div>
	<div id="footer">
		<div class="foot">
			<a href="#head"><span>Top</span></a>
			<p>Copyright©2020 视频8 shipin8.com 版权所有</p>
		</div>
	</div>
	</body>
</html>