百度首页

  <!DOCTYPE html>
  <html>
  <head lang="en">
  <meta charset="UTF-8">
  <meta name="viewport"
  content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  <title>京东首页</title>
  <link rel="stylesheet" href="base.css"/>
  <link rel="stylesheet" href="index.css"/>
  </head>
  <body>
  <!--主体容器-->
  <div class="jd_layout">
  <!--收索部分-->
  <header class="jd_header">
  <div class="jd_header_box">
  <a href="javascript:;" class="icon_logo"></a>
  <!--固定格式 在移动端可以调用出虚拟键盘 带有搜索按钮-->
  <form action="#">
  <span class="icon_search"></span>
  <input type="search" placeholder="小依一"/>
  </form>
  <a href="javascript:;" class="login">登录</a>
  </div>
  </header>
  <!--轮播图-->
  <div class="jd_banner">
  <ul class="clearfix">
  <li><a href="javascript:;"><img src="images/l8.jpg" /></a></li>
  <li><a href="javascript:;"><img src="images/l1.jpg" /></a></li>
  <li><a href="javascript:;"><img src="images/l2.jpg" /></a></li>
  <li><a href="javascript:;"><img src="images/l3.jpg" /></a></li>
  <li><a href="javascript:;"><img src="images/l4.jpg" /></a></li>
  <li><a href="javascript:;"><img src="images/l5.jpg" /></a></li>
  <li><a href="javascript:;"><img src="images/l6.jpg" /></a></li>
  <li><a href="javascript:;"><img src="images/l7.jpg" /></a></li>
  <li><a href="javascript:;"><img src="images/l8.jpg" /></a></li>
  <li><a href="javascript:;"><img src="images/l1.jpg" /></a></li>
  </ul>
  <ul>
  <li class="now"></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  </ul>
  </div>
  <!-- 导航栏-->
  <nav class="jd_nav">
  <ul class="clearfix">
  <li>
  <a href="javascript:;">
  <img src="images/nav0.png" />
  <p>分类</p>
  </a>
  </li>
  <li>
  <a href="javascript:;">
  <img src="images/nav1.png" />
  <p>分类</p>
  </a>
  </li>
  <li>
  <a href="javascript:;">
  <img src="images/nav2.png" />
  <p>分类</p>
  </a>
  </li>
  <li>
  <a href="javascript:;">
  <img src="images/nav3.png" />
  <p>分类</p>
  </a>
  </li>
  <li>
  <a href="javascript:;">
  <img src="images/nav4.png" />
  <p>分类</p>
  </a>
  </li>
  <li>
  <a href="javascript:;">
  <img src="images/nav5.png" />
  <p>分类</p>
  </a>
  </li>
  <li>
  <a href="javascript:;">
  <img src="images/nav6.png" />
  <p>分类</p>
  </a>
  </li>
  <li>
  <a href="javascript:;">
  <img src="images/nav7.png" />
  <p>分类</p>
  </a>
  </li>
  </ul>
  </nav>
  <!-- 内容部分-->
  <main class="jd_product">
  <section class="jd_product_box">
  <div class="jd_product_tit no_border">
  <div class="f_left mL10">
  <span class="sk_icon"></span>
  <span class="sk_name">掌上秒杀</span>
  <div class="sk_time">
  <span>0</span>
  <span>0</span>
  <span>:</span>
  <span>0</span>
  <span>0</span>
  <span>:</span>
  <span>0</span>
  <span>0</span>
  </div>
  </div>
  <div class="f_right mR10">
  <a href="javascript:;">更多></a>
  </div>
  </div>
  <div class="jd_product_con">
  <ul class="clearfix sk_product">
  <li>
  <a href="javascript:;">
  <img src="images/detail01.jpg" />
  </a>
  <p class="new_price">&yen;10.00</p>
  <p class="old_price">&yen;1000.00</p>
  </li>
  <li>
  <a href="javascript:;">
  <img src="images/detail02.jpg" />
  </a>
  <p class="new_price">&yen;10.00</p>
  <p class="old_price">&yen;1000.00</p>
  </li>
  <li>
  <a href="javascript:;">
  <img src="images/detail01.jpg" />
  </a>
  <p class="new_price">&yen;10.00</p>
  <p class="old_price">&yen;1000.00</p>
  </li>
  </ul>
  </div>
  </section>
  <section class="jd_product_box">
  <div class="jd_product_tit"><h3>京东超市</h3></div>
  <div class="jd_product_con clearfix">
  <a class="w50 b-right f_left" href="javascript:;"><img src="images/cp1.jpg" /></a>
  <a class="w50 b_bottom f_right" href="javascript:;"><img src="images/cp2.jpg" /></a>
  <a class="w50 f_right" href="javascript:;"><img src="images/cp3.jpg" /></a>
  </div>
  </section>
  <section class="jd_product_box">
  <div class="jd_product_tit"><h3>京东超市</h3></div>
  <div class="jd_product_con clearfix">
  <a class="w50 b-right f_right " href="javascript:;"><img src="images/cp4.jpg" /></a>
  <a class="w50 b_bottom f_left" href="javascript:;"><img src="images/cp5.jpg" /></a>
  <a class="w50 f_left" href="javascript:;"><img src="images/cp6.jpg" /></a>
  </div>
  </section>
  <section class="jd_product_box">
  <div class="jd_product_tit"><h3>京东超市</h3></div>
  <div class="jd_product_con clearfix">
  <a class="w50 b-right f_left" href="javascript:;"><img src="images/cp1.jpg" /></a>
  <a class="w50 b_bottom f_right" href="javascript:;"><img src="images/cp2.jpg" /></a>
  <a class="w50 f_right" href="javascript:;"><img src="images/cp3.jpg" /></a>
  </div>
  </section>
  </main>
  </div>
  <script src="js/commen.js"></script>
  <script src="js/index.js"></script>
  </body>
  </html>
时间: 2024-11-03 22:36:19

百度首页的相关文章

java爬取百度首页源代码

爬虫感觉挺有意思的,写一个最简单的抓取百度首页html代码的程序.虽然简单了一点,后期会加深的. 1 package test; 2 3 import java.io.BufferedReader; 4 import java.io.InputStreamReader; 5 import java.net.URL; 6 import java.net.URLConnection; 7 8 public class Main 9 { 10 public static void main(Strin

Html5开发——html+css基础一(百度首页)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>百度</title> <style type="text/css"> *{margin: 0;padding: 0;} body{text-align: center;} .header{text-align: right;f

用表格制作百度首页

前一天学习了<table>和一系列的小指令用来制作表格,然后老师布置了制作百度首页的任务,看上去像是很简单结果还是弄了一天的时间,好在最后知道了错误修改的还算美观. 制作很简单,就是小细节上的东西容易出错,所以刚开始学一定要养成有了开头接着写结尾的好习惯. 最上面的一行导航栏还算简单,做好表格大小分配好百分比,剩下的超链接什么的都是再简单不过的内容了. 百度的logo和百度一下这一行起初是规划在了一个表格内,怎么调试都没办法弄好,早上尝试了把他们两个分成了两个表格就简单多了. 个人觉得最头疼的

上百度首页每天都要做的事情

首先问候在小年还奋斗在网站优化的家人们晚上好,对于我们来说上百度首页一直以来都是我们的目标,但是想要做到还是要费很大的功夫的,无论什么事情只要你有坚持不懈的目标和正确的方法其结果一定是会成功的,下面泰安网络公司阿国就分享下我对"上百度首页每天要做的事"的个人见解!(有说错的和不足还请多多评价 不会剖析排行也上不去,比方这个关键字,SEO优化和网络推广的差异,有许多推广,SEO优化和网络推广差异是很大的,所以这儿面商业价值非常大,目前排行在榜首的是百度知道,第二的是有问必答网,这些网站规

html布局小练习(百度首页)

绝对定位百度首页练习 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>百度练习</title> <style type="text/css"> .top{float: right;position: absolute;top: 10px;right: 10px;} .top ul li{display: inli

Selenium2学习-009-WebUI自动化实战实例-007-Selenium 8种元素定位实战实例源代码(百度首页搜索录入框及登录链接)

此 文主要讲述用 Java 编写 Selenium 自动化测试脚本编写过程中,通过 ID.name.xpath.cssSelector.linkText.className.partialLinkText.tagName 的实战实例源代码演示 Selenium 元素定位的 8 种方法,源代码测试通过日期为:2015-01-26 00:18,请知悉.注意:其中通过 tagName 定位元素时,返回的是一个 WebElement 的数组,需要根据实际的测试需求对其进行进一步的处理. 希望能对初学 S

站长有福了-让网址一键添加百度首页导航

自从受到了领导的熏陶之后,就想做一个针对企业运维IT人员的网站,收集一些对企业运维有价值的网站,也推荐一些安全信息给运维人员,在工作中发现中国It运维人员缺少对安全的认知,目前网站已经上线,可以到share.ykuaile.net上面查看信息,也欢迎大家推荐网站.网页做好了,就要去做用户体验,因为我习惯性把常用的网站添加到百度首页导航里面,这样每次打开浏览器就可以选择打开我常用的网站了.非常方便.这样一想,我就想让我的网站能拥有这个功能,至此我也做到了这个功能. NO.1 下载代码 https:

如何不给花一分钱,关键词怎么霸屏百度首页?

如何不给花一分钱,关键词怎么霸屏百度首页?先不废话,上几个图给大家看看! 这是如何做到的呢? 第一招:搜狐自媒体 不论百度指数是几十还几百上千的关键词,都可以做到首页,不光收录快,而且还可带链接,百度指数100左右的基本上可以做到百度首页. 1.首先要申请一个搜狐自媒体,用公司营业执照申请比较容易,如果个人申请,如果在其它自媒体上有自己的帐号,申请也相对比较容易,如果没有自媒体卡号,可以在猪八戒网上找人写原创文章,然后建立QQ空间.博客等其它自媒体,然后再提交申请. 2.尽量写原创和伪原创文章,

仿百度首页并实现搜索功能

学了html和css之后没有做过什么大的项目,没有什么项目经验,所以决定从小的项目做起,然后做大的项目,循序渐进,增加自己的项目经历和增强自己的动手能力. 百度首页没有特别多的东西,所以仿起来比较容易,但是要做到完全一模一样还是要花费一些功夫的. 一 做一些准备工作: 1 编辑器:webstorm,浏览器:Chrome; 2 利用Chrome的Image downloader插件抓取百度首页的图片,作为素材. 3编程实现 二 项目的文件结构 百度首页 .├── css│   └── index.

chrome地址栏搜索直接跳转百度首页

CreateTime--2017年7月12日07:39:41Author:Marydon 参考链接:https://www.zhihu.com/question/25383417 版本号:59.0.3071.115 (正式版本) (64 位) 描述: 将chrome浏览器默认搜索引擎改为百度后,在chrome地址栏搜索直接跳转百度首页 原因: chrome浏览器自带的百度搜索地址错误 解决方案: 将chrome浏览器自带的百度搜索引擎删掉-->添加-->搜索引擎名称:百度,关键字:baidu.