web应用技术实践 day04

最新推荐文章于 2023-07-03 16:49:14 发布
最新推荐文章于 2023-07-03 16:49:14 发布
阅读量151 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Impancy/article/details/100639901
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度搜索页面</title>
    <style>
        .input {
            width: 600px;
            height: 30px;
            background-position: right;
            background-size: 23px;
            border: 1px solid #59aaff;
            font-size: 20px;
            vertical-align: middle;
            float: left;
        }

        .btn {
            height: 34px;
            width: 100px;
            background-color: #59aaff;
            border-color: #59aaff;
            color: white;
            font-size: 15px;
            vertical-align: middle;
            float: left;
        }

        .a {
            font-size: 13px;
            line-height: 34px;
            margin-right: 10px;
            color: black;
        }

        .a2 {
            font-size: 15px;
            margin-right: 12px;
            line-height: 38px;
            width: 54px;
            height: 36px;
            color: gray;
            text-decoration: none;
        }

        .a2:hover {
            color: black;
        }
        .a3{
            font-size: 12px;
            color: #222eff;
        }
        .a4{
            font-size: 13px;
            color: #A9A9A9;
        }
    </style>
</head>
<body>
<div style="height: 500px;margin: auto">
    <div style="height: 45px;">
        <div style="position: relative;height: 34px;float:left;">
            <img src="1.png" style="height: 34px;width: 100px;float: left">
            <input type="text" name="baidu" value="" class="input">
            <input type="button" name="ensure" value="百度一下" class="btn">
        </div>
        <div style="position: relative;height: 34px;float:right;">
            <a href="" class="a">百度首页</a>
            <a href="" class="a">设置</a>
            <a href="" class="a">登录</a>
        </div>
    </div>
    <div style="height: 38px;clear: both;background-color:#F5F5F5">
       <span style="margin-left: 100px;">
        <a href="" class="a2">网页</a>
        <a href="" class="a2">咨询</a>
        <a href="" class="a2">视频</a>
        <a href="" class="a2">图片</a>
        <a href="" class="a2">知道</a>
        <a href="" class="a2">文库</a>
        <a href="" class="a2">贴吧</a>
        <a href="" class="a2">采购</a>
        <a href="" class="a2">地图</a>
        <a href="" class="a2">更多>></a></span>
    </div>
    <div style="width: 720px;height: 402px;margin-left: 100px;float: left;margin-top: 15px">
        <div style="width: 720px;height: 100px;">
            <div>
                <a href="" style="color: #3c3bff;font-size: 18px;">百度一下,你就知道</a>
            </div>
            <div style="float: left;margin-right: 10px">
                <img src="z1.png" style="width: 121px;height: 100px;">
            </div>
            <div style="float: left;width: 397px;height: 60px;">
                <p style="font-size: 13px;line-height: 160%;">
                    全球最大的中文搜索引擎、致力于让网民更便捷地获取信息，找到所求。百度超过千亿的中文网页数据库，可以瞬间找到相关的搜索结果。
                </p>
            </div>
        </div>
        <div style="width: 720px;height: 100px;margin-top: 15px">
            <div style="clear: both;">
                <a href="" style="color: #3c3bff;font-size: 18px;">百度,百度百科</a>
            </div>
            <div style="float: left;margin-right: 10px">
                <img src="z2.png" style="width: 121px;height: 100px;">
            </div>
            <div style="float: left;width: 397px;height: 60px;">
                <p style="font-size: 13px;line-height: 160%;">
                    百度（纳斯达克：BIDU），全球最大的中文搜索引擎、最大的中文网站。百度愿景是：成为最懂用户，并能帮助人们成长的全球顶级高科技公司。“百度”二字，来自于八百年前南宋词人.
                </p>
            </div>
        </div>
        <div style="width: 720px;height: 100px;margin-top: 15px">
            <div style="clear: both;">
                <a href="" style="color: #3c3bff;font-size: 18px;">百度[BIDU]美股实时行情_老虎证券</a>
            </div>
            <div style="float: left;margin-right: 10px">
                <img src="z3.png" style="width: 500px;height: 300px;">
            </div>

        </div>
    </div>
    <div style="width: 1px;height: 570px;float: left;margin-top: 15px;background-color: darkgrey"></div>
    <div style="width: 350px;height: 402px;;float: left;margin-top: 15px;margin-left: 15px">
        <div>
            <span> <b>百度高管</b></span>
            <a href="" class="a3" style="margin-left:224px">展开</a>
            <img  style="width: 20px;height: 10px" src="img/16.png">
            <table>
                <tr>
                    <td><img src="y1.jpg" style="width: 75px;height: 75px;padding-right: 8px"></td>
                    <td><img src="y2.png" style="width: 75px;height: 75px;padding-right: 8px"></td>
                    <td><img src="y3.png" style="width: 75px;height: 75px;padding-right: 8px"></td>
                    <td><img src="y4.png" style="width: 75px;height: 75px;"></td>

                </tr>
                <tr>
                    <td style="text-align: center"><a href="" class="a3">李彦宏</a></td>
                    <td style="text-align: center"><a href="" class="a3">余正钧</a></td>
                    <td style="text-align: center"><a href="" class="a3">张亚勤</a></td>
                    <td style="text-align: center"><a href="" class="a3">王海峰</a></td>
                </tr>
                <tr class="a4">
                    <td style="text-align: center">百度创始人</td>
                    <td style="text-align: center">百度集团首</td>
                    <td style="text-align: center">百度总裁</td>
                    <td style="text-align: center">百度集团首</td>
                </tr>
                <tr class="a4">
                    <td style="text-align: center">董事长CEO</td>
                    <td style="text-align: center">席财务官</td>
                    <td style="text-align: center"></td>
                    <td style="text-align: center">席技术官</td>
                </tr>
            </table>
        </div>
        <div style="margin-top: 20px">
            <span ><b>百度旗下产品</b></span>
            <a href="" class="a3" style="margin-left:194px">展开</a>
            <img  style="width: 20px;height: 10px" src="img/15.png">
            <table>
                <tr>
                    <td><img src="y9.png" style="width: 75px;height: 75px; padding-right: 8px"></td>
                    <td><img src="y10.png" style="width: 75px;height: 75px;padding-right: 8px"></td>
                    <td><img src="y11.png" style="width: 75px;height: 75px;padding-right: 8px"></td>
                    <td><img src="y12.png" style="width: 75px;height: 75px;"></td>
                </tr>
                <tr>
                    <td style="text-align: center"><a href="" class="a3">百度搜索</a></td>
                    <td style="text-align: center"><a href="" class="a3">百度APP</a></td>
                    <td style="text-align: center"><a href="" class="a3">百度糯米</a></td>
                    <td style="text-align: center"><a href="" class="a3">百度地图</a></td>
                </tr>
                </tr>
                <tr class="a4">
                    <td style="text-align: center">全球最大中</td>
                    <td style="text-align: center">有事搜一搜</td>
                    <td style="text-align: center">本地精品生</td>
                    <td style="text-align: center">亿万人在用</td>
                </tr>
                <tr class="a4">
                    <td style="text-align: center">文搜索引擎</td>
                    <td style="text-align: center">没事看一看</td>
                    <td style="text-align: center">活指南</td>
                    <td style="text-align: center">的专业地图</td>
                </tr>
            </table>
        </div>
        <div style="margin-top: 20px">
            <span ><b>互联网巨头财报</b></span>
            <a href="" class="a3" style="margin-left:194px">展开</a>
            <img  style="width: 20px;height: 10px" src="img/15.png">
            <table>
                <tr>
                    <td><img src="y9.png" style="width: 75px;height: 75px; padding-right: 8px"></td>
                    <td><img src="y10.png" style="width: 75px;height: 75px;padding-right: 8px"></td>
                    <td><img src="y11.png" style="width: 75px;height: 75px;padding-right: 8px"></td>
                    <td><img src="y12.png" style="width: 75px;height: 75px;"></td>
                </tr>
                <tr>
                    <td style="text-align: center"><a href="" class="a3">亚马逊财报</a></td>
                    <td style="text-align: center"><a href="" class="a3">苹果财报</a></td>
                    <td style="text-align: center"><a href="" class="a3">网易财报</a></td>
                    <td style="text-align: center"><a href="" class="a3">新浪财报</a></td>
                </tr>
            </table>
        </div>
    </div>
</div>
</body>
</html>

在这里插入图片描述

Impancy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android实现跳转第三方地图导航（百度、高德）
01-03
很多项目需求都是需要你实现地址导航功能，如果没有硬性要求，可以直接跳转到第三方无疑是最方便的，接下来就讲讲如何实现第三方地图导航的跳转 1.首先判断设备是否安装百度和高德地图 判断方式如下 /** * 判断手机中是否安装指定包名的软件 * @param context * @param pkgname 包名 */ public static boolean isInstallApk(Context context, String pkgname) { List packages = context.getPackageManag
Web前端基础day04.zip
08-19
在Web前端开发中，布局和定位是至关重要的概念，它们决定了网页元素的排列方式和位置。...在学习过程中，可以参考压缩包中的"day04"文件，它可能包含了相关的代码示例和练习，进一步加深对这些概念的理解。
百度一下搜索成功界面
cxknmsl2333的博客
09-08 2334
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .container { width: 1400px; ...
百度搜索引擎的代码、百度搜索功能的码代
weixin_30546189的博客
06-18 378
百度搜索引擎的代码： <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Insert title here</title><script type="text/javascript">funct...
搜索结果页面是什么？都有哪些形式页面？
GNET0328的博客
07-03 397
页面主体有两部分最重要，一是广告，二是自然搜索结果。页面右侧8个结果及左侧最上面的一个结果，都标注为“赞助商链接”，这就是广告。页面左侧上部的广告链接使用浅黄色底色，可以和下面的自然搜索结果清楚的分开。搜索结果页(Search engine results page，SERP)是指搜索引擎对某个搜索请求反馈的结果页面。通常一个典型的搜索结果页面包含了一个搜索结果的列表，大多数网站都有自己的搜索功能，而实用这个搜索功能就会出现一个搜索结果页来展示符合搜索要求的结果。a.新闻资讯SERP。
百度搜索引擎
weixin_34247155的博客
05-23 187
百度搜索引擎工作原理：http://zhanzhang.baidu.com/college/courseinfo?id=144 百度搜索引擎优化指南2.0：http://zhanzhang.baidu.com/college/documentinfo?id=193&page=1 转载于:https://www.cnblogs.com/lcyuhe/p/5521016.html...
学习JavaEE的day04
最新发布
02-26
- **Model-View-Controller**：这是一种设计模式，常用于创建Web应用。在JavaEE中，你可以使用Servlet作为Controller，数据库模型作为Model，JSP作为View。在Day04的学习中，你可能通过一个简单的例子了解如何实现...
day01-day04.zip
09-05
从提供的文件信息来看，我们关注的是一个名为"day01-day04.zip"的压缩包，它可能包含了一个为期四天的学习教程或者项目实战内容，特别是侧重于“框架实战”的第四阶段。由于标签为空，我们无法获取额外的分类信息，...
Day04
03-12
在JavaScript的世界里，"Day04"可能代表学习或教学计划的一个阶段，专注于深化对这门语言的理解。在这个阶段，我们可能会接触到JavaScript的核心概念、语法特性以及开发实践。JavaScript是一种广泛应用于网页和...
web-day4.rar
03-30
3. 实战项目：学员可以动手操作的Web应用项目，用于巩固理论知识。 4. 数据库脚本：SQL文件，可能包含数据库结构和初始数据，用于搭建测试环境。 5. 解决方案或解答：针对课堂练习或作业的参考答案。 6. 课件：PPT或...
Android 调用第三方导航（百度、高德、腾讯）以及坐标转换
04-20
View.OnClickListener onClickListener=new View.OnClickListener() { @Override public void onClick(View view) { switch (view.getId()) { case R.id.baidu_btn: if (MDMUtil.appIsInstalled( getContext(),"com.baidu.BaiduMap")) {//传入指定应用包名 try { double[] gd_lat_lon ; if(RoutingXModel.isGpslatlon){ gd_lat_lon= gaoDeToBaidu(xModel.poc_lon,xModel.poc_lat); }else{ gd_lat_lon= new double[2]; gd_lat_lon[0]=xModel.poc_lon; gd_lat_lon[1]=xModel.poc_lat; } Intent intent = Intent.getIntent("intent://map/direction?" + "destination=latlng:" + gd_lat_lon[1] + "," + gd_lat_lon[0]+ "|name:我的目的地" + //终点 "&mode=driving&" + //导航路线方式 "&src=appname#Intent;scheme=bdapp;package=com.baidu.BaiduMap;end"); intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK); getContext().startActivity(intent); //启动调用 } catch (URISyntaxException e) { Log.e("intent", e.getMessage()); } } else {//未安装 //market为路径，id为包名 //显示手机上所有的market商店 Toast.makeText(getContext(), "您尚未安装百度地图", Toast.LENGTH_LONG).show(); Uri uri = Uri.parse("market://details?id=com.baidu.BaiduMap"); Intent intent = new Intent(Intent.ACTION_VIEW, uri); if (intent.resolveActivity(getContext().getPackageManager()) != null){ getContext().startActivity(intent); } } dismiss(); break; case R.id.gaode_btn: if (MDMUtil.appIsInstalled( getContext(),"com.autonavi.minimap")) { Intent intent = new Intent(); intent.setAction(Intent.ACTION_VIEW); intent.addCategory(Intent.CATEGORY_DEFAULT); intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK); double[] gd_lat_lon ; if(!RoutingXModel.isGpslatlon){ gd_lat_lon= bdToGaoDe(xModel.poc_lat,xModel.poc_lon); }else{ gd_lat_lon= new double[2]; gd_lat_lon[0]=xModel.poc_lon; gd_lat_lon[1]=xModel.poc_lat; } //将功能Scheme以URI的方式传入data Uri uri = Uri.parse("androidamap://navi?sourceApplication=appname&poiname=fangheng&lat;=" + gd_lat_lon[1] + "&lon;=" + gd_lat_lon[0] + "&dev=0&style=4"); intent.setData(uri); //启动该页面即可 getContext().startActivity(intent); } else { Toast.makeText(getContext(), "您尚未安装高德地图", Toast.LENGTH_LONG).show(); Uri uri = Uri.parse("market://details?id=com.autonavi.minimap"); Intent intent = new Intent(Intent.ACTION_VIEW, uri); if (intent.resolveActivity(getContext().getPackageManager()) != null){ getContext().startActivity(intent); } } dismiss(); break; case R.id.tencent_btn: Intent intent = new Intent(); intent.setAction(Intent.ACTION_VIEW); intent.addCategory(Intent.CATEGORY_DEFAULT); intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK); double[] gd_lat_lon ; if(!RoutingXModel.isGpslatlon){ gd_lat_lon= bdToGaoDe(xModel.poc_lat,xModel.poc_lon); }else{ gd_lat_lon= new double[2]; gd_lat_lon[0]=xModel.poc_lon; gd_lat_lon[1]=xModel.poc_lat; } //将功能Scheme以URI的方式传入data Uri uri = Uri.parse("qqmap://map/routeplan?type=drive&to;=我的目的地&tocoord;=" + gd_lat_lon[1]+ "," + gd_lat_lon[0]); intent.setData(uri); if (intent.resolveActivity(getContext().getPackageManager()) != null) { //启动该页面即可 getContext().startActivity(intent); } else { Toast.makeText(getContext(), "您尚未安装腾讯地图", Toast.LENGTH_LONG).show(); } dismiss(); break; case R.id.cancel_btn2: dismiss(); break; } } };
Android各个应用商店Uri
st21a1的博客
09-22 8225
应用更新、评论等需要跳转到应用商店，做韩国包的时候怎么都搜不到onestore相关的，询问客服后记录下。
如何获取搜索引擎的来源和搜索引擎中的关键字（转）
javantsky_kevin的专栏
09-09 1742
转帖：http://blog.163.com/_l_g_x/blog/static/12416222006854542438/     在做商务E流量分析的时候，需要实现一个功能：如果访客是通过搜索引擎的搜索找到客户网站的，要统计出访客是通过哪个搜索引擎访问到页面，并且统 计出是通过什么关键字搜索到该网站的。在网上google一下，发出对这方面的描述文档还是比较少的，在做这个功能的过程中有...
[2020-07]百度广告搜索词获取最新办法
黄智霖的博客
07-13 6286
为什么要获取百度搜索关键字 百度搜索引擎，目前已成为国内国民最大的知识搜索和了解互联网的流量入口，大到巨无霸公司小到个人站长都对百度有较大程度的依赖，搜索关键词可以了解到访客的需求以及搜索意图，从而更好地调整站点的内容以及推广口号，以便更好更准确的展现在潜在客户的搜索结果中。例如CSDN的产品定位是程序员群体，我们在搜索“技术博客”时CSDN博客的排名会很靠前，是因为根据访客的搜索喜好和受众群体的搜索特征“技术”及时CSDN的主打内容口号和产品特征。但是如果搜索“自媒体博客”就没CSDN什么事了，就算是调整
Android生成Market分享链接
09-19 1万+
Android生成Market分享链接 本文介绍一下在Android中如何生成Market链接和Market分享链接。 主要有以下五种方式： 1：使用Java包名搜索App  2：使用Java包名定位App  3：借助关键词搜索App  4：通过开发者名称搜索App  5：组合查询 以下为正文内容介绍： 方式一：使用Java包名
python--爬虫--获取和解析存储网页内容--以薄荷网为例
热门推荐
直到世界的尽头
04-10 4万+
如需转载请注明出处:python–爬虫–获取和解析存储网页内容–以薄荷网为例 我们在之前的文章中已经学习了如何进行数据抓包和截取 以及分析 访问网页。 例如: 抓取app数据教程–fiddler抓包数据截取-薄荷app为例 本章主要 学习怎么获取 分析出来的链接地址的内容，进行解析和进行保存。 分析网页或者手机APP请求地址 通过观察fiddler中的请求可以发现我们需要抓取的地址。 详情可参考 ...
跳转应用商店过滤
安卓学习乐园
06-17 4538
private void goToAppMarket(){ try { Uri uri = Uri.parse("market://details?id=" + getPackageName()); Intent hasinstalled = new Intent(Intent.ACTION_VIEW, uri); ArrayList targetintent = new ArrayLis
【Android】Android Market 链接的生成与分享
Elite, not coder
05-05 502
开发软件的时候，我们经常需要用到“more”这个选项，旨在引导用户下载自己开发的其他软件，从而连带提升下载量。不过这个more到底要怎么样实现呢直接上代码 Uri u = Uri.parse("market://details?id=com.skystar.oneclick_wallpaper.scenery_1"); Intent i = new Intent(Intent.ACTION_V...
通过打开android应用市场来定位你的app
iteye_8846的博客
06-24 411
在我们自己开发的app中，往往要打开android market，比如很多的app都有评分的功能，需要打开一个android market，我们要打开某个app，但是这个app并没有安装在客户的手机上，我们就需要打开一个android market定位到这个app，以便让客户下载。 通过app包名直接定位到你的App： http://market.android.com/details?id...
藏经阁WEB框架0day漏洞的发掘及分析经验分享.pdf
09-04
这篇文档主要探讨了WEB框架0day漏洞的发现与分析方法，重点围绕Web应用框架的概念、常见的Web框架、开发模型以及各种安全防护机制展开。作者郑国祥在分享中强调了Web和数据库安全的重要性，并给出了具体的安全防护...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值