模仿“百度”页面的html代码

<!DOCTYPE html>
<html lang="en"><head class="ui semantic"><meta charset="UTF-8"><!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> --><!-- //<meta http-equiv="X-UA-Compatible" content="ie=edge"> --><title>baidu</title><link href="http://ox6yf62u0.bkt.clouddn.com/semantic-ui/2.2.13/semantic.min.css" rel="stylesheet"><script src="http://ox6yf62u0.bkt.clouddn.com/jquery-2.1.4.min.js"></script><script src="http://ox6yf62u0.bkt.clouddn.com/semantic-ui/2.2.13/semantic.min.js"></script><style>.topheader>a {padding-right: 15px;color: black;background-color: #fff;/* text-decoration:underline; */font-weight: bold;}a {text-decoration: underline;color: rgba(109, 99, 99, 0.76);font-size: 5px;}.bri {display: inline-block;right: 10px;width: 60px;height: 23px;color: #fff;background: #38f;line-height: 24px;font-size: 13px;text-align: center;overflow: hidden;/*border-bottom: 1px solid #38f;*/margin-left: 19px;margin-right: 2px;}</style>
</head><body><!-- top link start --><div class="ui right aligned  topheader fluid container" style="padding: 30px"><a href="#">新闻</a><a href="#">hao123</a><a href="#">地图</a><a href="#">视频</a><a href="#">贴吧</a><a href="#">学术</a><a href="#">登录</a><a href="#">设置</a><div href="#" class="bri" style1="background-color: rgba(7, 28, 219, 0.952);text-decoration: none;color:white;padding-right: 0;display:inline-block;width:70px;height:15px;">更多产品</div></div><!-- top link end --><div class="ui centered aligned grid container "><div class="row"><div class="column" style="width: 270px;height: 129px;"><img class="ui  image" src="https://www.baidu.com/img/bd_logo1.png" alt=""></div></div><div class="row"><form class="column" style="width:640px;" method="GET" action="https://www.baidu.com/s" name="search"><div class="ui fluid  input action"><input type="text" name="wd" placeholder="搜索..."><button class="medium ui blue button" onclick="document.forms['search'].submit();">百度一下</button></div></form></div></div><div class="ui one column center aligned stackable grid "><div class="column" style="padding-top: 140px;font-weight: bold;color:rgba(71, 66, 66, 0.822)"><img src="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/qrcode/zbios_efde696.png" alt=""></br>手机百度</div><div class="column" style="color:rgba(109, 99, 99, 0.76);font-size:5px"><a href="#">把百度设为首页</a><a href="#">关于百度</a><a href="#">about baidu</a><a href="#">百度推广</a></br>©2017 Baidu<a href="#" style="text-decoration-line:underline">使用百度前必读</a><a href="#" style="text-decoration-line: underline">意见反馈</a>> 京ICP证030173号<i class="marker icon"></i> 京公网安备11000002000001号</div></div>
</body></html>

模仿“百度”页面的html代码相关推荐

php跳转wap代码,JavaScript_wap浏览自动跳转到wap页面的js代码，如何让用户输入wap手机网站的 - phpStudy...
wap浏览自动跳转到wap页面的js代码如何让用户输入wap手机网站的网址时自动跳转到wap网站 ? wap页面自动跳转的实现方式 ? 如何判断访客是否是移动设备访问,自动跳转到wap页面 ? 手机 ...
php自动生成新闻页,自动发布新闻页面的php代码
自动发布新闻页面的php代码新闻文件以文本文件.txt的格式存放在一个固定的目录下,新闻的发布可以自动完成. 该过程由两部分组成: 第一是新闻的显示,由shownews.php脚本实现,代码如下: ...
返回动态html,使用硒返回动态页面的html代码
我想抓取这个网站,问题是它的动态加载.使用硒返回动态页面的html代码基本上我想要什么,我可以从浏览器控制台中看到的,不是我所看到的,当我点击右键>节目源. 我已经尝试了一些硒的例子,但我不能 ...
篡改页面的Js代码，从而达到为所欲为的目的
原文地址:篡改页面的Js代码,从而达到为所欲为的目的 | 山岚 - 90码农历险记 - https://blog.gobyte.cn/post/32b605b3.html 缘由不少网站都是通过Jav ...
知乎页面的html代码,仿知乎当复制网页内容时在尾部加入版权信息代码
在国内转载别人的原创文章属于非常普遍的现象,但是一般都不会注明出处,曾记得知乎的效果是最棒的,在网上找了很久,终于找到了可以通过技术手段,添加代码来实现复制自动加版权信息的方法,虽然不能有效的解决问题 ...
知乎页面的html代码,Web前端
课程主题 HTML5基础.CSS3基础.切图.综合项目:小U课堂.HTML5进阶. CSS3进阶.综合项目:小U商城.综合项目:响应式布局实战项目 PC端项目:小U课堂静态页面布局. 移动端项目:小 ...
qq音乐登录页面的html代码,musicQQ音乐协议登录源码
[实例简介] 最近闲来无事,把一些自己的箱底代码拿出分享.... musicQQ音乐协议登录源码纯C#代码.协议分析及代码完全由本人完成.欢迎测试. musicQQ协议登录源码 c# QQ音乐协 ...
调用二级页面的html代码,从一级页面直接调用二级页面中的iframe框架
上次写了篇调用iframe框架页面的文章,今天继续说一下怎么从一级页面跳转到指定的二级页面中的iframe框架的问题.( 太绕口了) 继续以我做的网站为例子,演示地址是http://www.super ...
分享个打开a页面自动跳转到b页面的HTML代码
代码如下:<html><head><title>页面跳转</title><script language="javascript&quo ...

模仿“百度”页面的html代码

模仿“百度”页面的html代码

模仿“百度”页面的html代码相关推荐

最新文章

热门文章