分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置：首页 > 前端开发

网站的编写

发布时间：2023-09-06 02:02责任编辑：董明明关键词：暂无标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>豆瓣</title>
<link rel="stylesheet" href="../css/reset.css">
<link rel="stylesheet" href="../css/douban.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#">豆瓣</a></li>
<li><a href="#">读书</a></li>
<li><a href="#">电影</a></li>
<li><a href="#">音乐</a></li>
<li><a href="#">同城</a></li>
<li><a href="#">小组</a></li>
<li><a href="#">阅读</a></li>
<li><a href="#">FM</a></li>
<li><a href="#">东西</a></li>
<li><a href="#">市集</a></li>
<li><a href="#">更多</a></li>
</ul>
<ul>
<li><a href="#">豆瓣</a></li>
<li><a href="#">提醒</a></li>
<li><a href="#">下载豆瓣客户端</a></li>
</ul>
</nav>
</header>
<aside>
<ul>
<li><a href="#"><img src="../images/lg_main_a11_1.png" ></a></li>
<li><a href="#">首页</a></li>
<li><a href="#">我的豆瓣</a></li>
<li><a href="#">浏览发现</a></li>
<li><a href="#">移动应用</a></li>
<li><a href="#">游戏</a></li>
<li><a href="#">线上活动</a></li>
<li>
<i></i>
<div>输入你感兴趣的内容和人</div>
</li>
</ul>
</aside>
<main>
<article>
<ul>
<li><a href=""><i></i>说句话</a></li>
<li><a href=""><i></i>发照片</a></li>
<li><a href=""><i></i>推荐网页</a></li>
<li><a href=""><i></i>写日记</a></li>
<li><a href=""><i></i>发布东西</a></li>
<li><a href=""><i></i>首页设置</a></li>
</ul>
<div>
<p>分享生活点滴...<i></i><span></span></p>
</div>
<section>
<div>
<img src="../images/u3430152-98.jpg" >
</div>
<div>
<div>Violet的日记</div>
<div>
<div>
<h1><a href="#">怪力八面体-胡夫金字塔</a></h1>
<p>前几天看到有人在广播发了这个，搜了一下似乎也没有人针对这个写过文，我就斗胆先写一个吧，因为觉得这个事情很好玩</p>
<div ><i></i>喜欢</div>
</div>
<img src="../images/p35801459.jpg" >
</div>
<div>1小时前，来自热门精选</div>
</div>
</section>
<section>
<div>
<img src="../images/u3430152-98.jpg" >
</div>
<div>
<div>李青菜的日记</div>
<div>
<div>
<h1><a href="#">黄秀兰的春天</a></h1>
<p>
坐好，听我说，无论你多爱小动物都不要给流浪猫取名字。一旦取了名字
它就是你的，你就是它的，一切都不一样了。
</p>
<div ><i></i>喜欢</div>
</div>
<img src="../images/p35801459.jpg" >
</div>
<div>今天上午，来自热门精选</div>
</div>
</section>
<section>
<div>
<img src="../images/u3430152-98.jpg" >
</div>
<div>
<div>Violet的日记</div>
<div>
<div>
<h1><a href="#">怪力八面体-胡夫金字塔</a></h1>
<p>前几天看到有人在广播发了这个，搜了一下似乎也没有人针对这个写过文，我就斗胆先写一个吧，因为觉得这个事情很好玩</p>
<div ><i></i>喜欢</div>
</div>
<img src="../images/p35801459.jpg" >
</div>
<div>1小时前，来自热门精选</div>
</div>
</section>
<section>
<div>
<img src="../images/u3430152-98.jpg" >
</div>
<div>
<div>李青菜的日记</div>
<div>
<div>
<h1><a href="#">黄秀兰的春天</a></h1>
<p>
坐好，听我说，无论你多爱小动物都不要给流浪猫取名字。一旦取了名字
它就是你的，你就是它的，一切都不一样了。
</p>
<div ><i></i>喜欢</div>
</div>
<img src="../images/p35801459.jpg" >
</div>
<div>今天上午，来自热门精选</div>
</div>
</section>
<section>
<div>
<img src="../images/u3430152-98.jpg" >
</div>
<div>
<div>Violet的日记</div>
<div>
<div>
<h1><a href="#">怪力八面体-胡夫金字塔</a></h1>
<p>前几天看到有人在广播发了这个，搜了一下似乎也没有人针对这个写过文，我就斗胆先写一个吧，因为觉得这个事情很好玩</p>
<div ><i></i>喜欢</div>
</div>
<img src="../images/p35801459.jpg" >
</div>
<div>1小时前，来自热门精选</div>
</div>
</section>
<footer>
<ul>
<li><a href="">前页</a></li>
<li><a href="">1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
<li><a href="">5</a></li>
<li><a href="">6</a></li>
<li><a href="">7</a></li>
<li><a href="">8</a></li>
<li><a href="">9</a></li>
<li><a href="">...</a></li>
<li><a href="">后页</a></li>
</ul>
</footer>
</article>
<aside>
<div>
<h1>豆瓣正在发生......</h1>
<p>哈利波特第八部全球同步上架</p>
<p>China joy优秀游戏鉴赏</p>
</div>
<img src="../images/46280292e8633c4.jpg" />
<p><a href="">申请创建小站</a></p>
<img src="../images/index_douban_ad_4.png" />
<div >
<div>
<h1>热门活动......</h1>
<h2>给我看看你们美好的工作台吧</h2>
<p>时间：6月27日-8月26日</p>
<p>参加：266人参加</p>
<p><a href="#">更多线上活动</a></p>
</div>
<img src="../images/o702700.jpg" />
</div>
<div >
<h1>豆瓣一拍一......</h1>
<figure>
<img src="../images/p35801459.jpg" />
<figcaption>
<h2><a href="#">很高兴见到你</a></h2>
<p>城市：厦门</p>
<p>价格：2400</p>
</figcaption>
</figure>
<figure>
<img src="../images/p35801459.jpg" />
<figcaption>
<h2><a href="#">微套系|至真系列</a></h2>
<p>城市：北京</p>
<p>价格：1480</p>
</figcaption>
</figure>
</div>
<h2><a href="#">已开放12个城市</a></h2>
<img src="../images/1e645caf4e73682.jpg" />
</aside>
<footer>
<p>
&copy2005-2016douban.com,all rights reserved 北京豆网科技有限公司
</p>
<ul>
<li><a href="#">关于豆瓣</a></li>
<li><a href="#">在豆瓣工作</a></li>
<li><a href="#">联系我们</a></li>
<li><a href="#">免责声明</a></li>
<li><a href="#">帮助中心</a></li>
<li><a href="#">移动应用</a></li>
<li><a href="#">豆瓣广告</a></li>
</ul>
</footer>
</main>
</body>
</html>

网站的编写

原文地址：https://www.cnblogs.com/qlongbg/p/9251722.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved