仿造百度前端代码——出现的问题解决方式

最新推荐文章于 2024-08-26 16:38:21 发布
最新推荐文章于 2024-08-26 16:38:21 发布
阅读量732 收藏 1
点赞数 2
分类专栏： 练习 文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44808875/article/details/123569449
版权
这是一个HTML代码示例，展示了百度搜索主页的基本布局和样式。代码中包含了头部菜单、搜索框和底部链接的结构。网页设计注重对齐和简洁，包括糯米、新闻等链接，以及输入框和搜索按钮的样式。页面还提及了设置主页、关于百度和百度推广等相关信息。
摘要由CSDN通过智能技术生成

在这里插入图片描述


```html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度一下，你就知道</title>

    <style type="text/css">
        body {
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
        }

        .main {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }

        .menu {
            text-align: right;
        }

        a {
            text-decoration: none;
        }

        .middle {
            text-align: center;
            width: 100%;
            height: 100px;
            margin-top: 130px;
        }


        .input {
            border: 1px solid #b6b6b6;
            width: 474px;
            height: 36px;
            height: 36px;
            font-size: 20px;
        }

        .img {
            align: middle;
            border: 0;
            width: 275px;
            height: 140px;
        }

        .submit {
            background-color: #3385ff;
            height: 38px;
            font-size: 20px;
            color: white;
            border: 0
        }
    </style>


</head>

<body>


    <div style="text-align: right;">
        <div class="menu">
            <a href="http://www.nuomi.com/cid=002540">糯米</a>
            <a href="http://news.baidu.com">新闻</a>
            <a href="http://www.hao123.com">hao123</a>
            <a href="http://map.baidu.com">地图</a>
            <a href="http://v.baidu.com">视频</a>
            <a href="http://tieba.baidu.com">贴吧</a>
            <a href="https://passport.baidu.com/v2/?login&amp;tpl=mn&amp;u=http%3A%2F%2Fwww.baidu.com%2F">登录</a>
            <a href="http://www.baidu.com/gaoji/preferences.html">设置</a>
            <a href="http://www.baidu.com/more/">更多产品</a>
        </div>
    </div>

    <!-- 第二个div  -->
    <div class="middle">
        <form action="http://www.baidu.com/baidu">
            <a href="https://www.baidu.com/" target="_blank" align="center">
                <img src="https://www.baidu.com/img/bd_logo1.png" alt="baidu" class="img">
            </a>
            <br>
            <input type="text" class="input" name="word">
            <input type="submit" value="百度一下" class="submit" href="https://www.baidu.com/">
        </form>
    </div>
    <div>
        <div align="center" style="bottom: 0;margin-top: 300px;">

            <a id="setf" href="//www.baidu.com/cache/sethelp/help.html" target="_blank">把百度设为主页</a>
            <a href="http://home.baidu.com">关于百度</a>
            <a href="http://ir.baidu.com">About baidu</a>
            <a href="http://e.baidu.com/?refer=888">百度推广</a>
            <p>2016&nbsp; baidu &nbsp;<a herf="http://www.baidu.com/duty/">使用百度前必读 意见反馈 京ICP证030173号</a></p>
            <a href="">京公网安备11000002000001号</a>
        </div>
    </div>

</body>

</html>


 1. VScode不要随便乱装插件，尤其是自动对齐，出现了大问题十分的鸡肋。
 2. 前端代码熟能生巧。
咸鱼加辣
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
16软件1班安卓第二学期学习总结
howard2005的专栏
05-24 1023
1、刘茂安卓第二学期总结 这学期其实一直都在各种比赛中来回准备，移动开发竞赛是在大二上期开始准备和选拔，入选中的二十多位同学都是各方面都有闪光点的，这学期前一个月我们在4303、4209,、建筑系4楼、图书馆7楼从早上到晚上不停得做题，对接口，请求数据，那段时间眼睛度数感觉是猛增哈哈哈哈，竞赛完以后我们每一个人轮流上课讲了案例，将自己的知识分享给同学，一起交流，一起解决问题。其实我的编程能力还需要提升，就像刘利老师跟我说的一样，或者也是我的性格原因也会让接触过的人觉得我这个人在某些方面过于自我吧，所以我也是
备战CTF做题题解
weixin_40707492的博客
07-21 6486
备战CTF初期，没有什么经验，部分操作过程有借鉴大佬
【前端学习】——使用html+css简略模仿百度首页
qq_70220645的博客
05-14 1233
首先写出HTML代码： 先将网页内容写入 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale
前端第二次作业-仿百度网页
m0_64645111的博客
05-11 422
静态网页 效果图： 局部： 左上部分： 文本框点击后： 代码↓ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid..
前端第二次作业--仿百度页面
weixin_63283483的博客
05-21 747
html源代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
前端入门体验-如何做一个仿百度主页
Nathan Xu的博客
07-19 366
废话不多讲，直接上源码 <html> <head> <meta charset="utf-8"> <title>百度一下，你就知道</title> <meta name="Nathan Xu" content="百度"> <meta http-equiv="refresh" content="30"> <style type="text/css"> p1{color:grey}</style>
初学编程，思路都明白就是写不出来代码怎么办？
黑马程序员官方博客
11-12 5862
说点可落地的方法，初期接触编程直接可用。而不是前面几楼那种大摞的书，不一定能帮你写代码不说，还有可能直接劝退你。 首先看问题说明已经有思路了，问题都能想通。那么就有一个特简单的方法： 把实现思路边分析边记录下来 （在分析实现思路的时候一边分析一边写，用中文写，约详细越好），比如： //第一步是要干什么 //第1.1要做什么 //第1.2要做什么 //.... //第二步是要干什么 //第2.1要做什么 //第2.2要做什么 //.... //.......以此类推
Vue2.x——基础教程
qqxhb 资源共享
05-20 828
简介 Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件 。Vue.js 自身不是一个全能...
前端必会面试题
weixin_41767962的博客
05-01 6139
1.类的创建和继承 (1)原型链的继承 function Animal(){ this.name="猫"; this.sex="雌性"; } Animal.prototype.say="您好"; function Cat(){ this.a="123"; th...
偏谈js和python的相似之处
0和1的博弈
12-29 942
观察5段js和python代码的写法 遍历一个数组并修改值 示例1 数组：[1, 3, 4, 5, 6]，每个数组元素依次加1 javascript 示例代码 let nums = [1, 3, 4, 5, 6]; nums = nums.map(num => { num += 1; return num; }); python 示例代码 nums = [1, 2, 3...
HTML编写的百度页面搜索不了,不用写后台代码，vue教你写百度搜索
weixin_29012765的博客
06-03 661
前言Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。以上是对vue官方的解释，通俗地说，vue就是一个比较容易上手，小巧的mvvm(Model-View-ViewModel的简写)框架，和angular类似，指令以v-xxx，一片h...
用原始代码制作简易的百度页面
dan_liu87的博客
11-26 4356
用原始代码制作简易的百度页面总述：百度页面百度页面一：百度页面二： 总述：百度页面 这里主要讲下ajax的实现和鼠标移到一个块上所触发的事件； 百度页面一： 代码： &lt;script&gt; function weatherInformation() { $.ajax({ url: "http://api.k780.com:88...
前端学习——模拟百度首页
x1037490413的博客
03-07 3932
注意：1：模拟百度首页时，有些数据可以看看百度首页的设置，打开百度首页，按f12键，然后点这个小箭头再右键点击你需要查看的地方。 2：将百度首页分为三个div，头部，中部和底部，为了区分开来，可以先分别设置不同的背景色，完成后再删除。 HTML代码： &lt;html&gt; &lt;head&gt; &lt;title&gt;百度一下，你就知道&lt;/title&gt; ...
仿百度静态页面
ThinkPet
02-28 5480
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;仿百度静态页面&lt;/title&gt; &lt;link href="Baidu.css" rel="stylesheet" type=&q
模仿“百度”页面的html代码
热门推荐
Liangsm_的博客
11-25 5万+
模仿“百度”页面的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
仿新版百度首页，99%还原真实百度首页。
记录编程生活
08-31 2万+
老规矩，首先上效果图 效果还可以吧， 接下来我们要做的第一步 就是编写百度首页的HTML代码： &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns...
仿百度页面（html+css）
qq_26748397的博客
09-06 1万+
<a href="">地图</a>   <a href="">视频</a>   <a href="">贴吧</a>   <a href="">学术</a>  
web前端之百度首页仿写
可可的博客
09-26 4534
&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;百度一下，你就知道&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;table border="0" width="100%" height=&quot
JavaScript代码片段
最新发布
weixin_66128399的博客
08-26 195
使用场景是：后端列表查询接口，某个字段前端不传，后端就不根据那个字段筛选，例如name不传的话，就只根据page和pageSize筛选，但是前端查询参数的时候（vue或者react）中，往往会这样定义。给后端发送数据的时候，要判断某个属性是不是空字符串，然后给后端拼参数，这块逻辑抽离出来就是cleanObject，代码实现如下。leading-true，trailing-true：在延时开始时就调用，延时结束后也会调用。//第一个参数指定位数，第二个字符串指定字符，都是可选参数，如果都不传，默认生成8位。
安卓仿造QQ登录注册功能代码
04-16
当然可以！下面是一个简单的安卓仿造QQ登录注册功能的代码示例： 1. 创建一个名为MainActivity的主活动类，用于处理用户界面和逻辑。 ```java public class MainActivity extends AppCompatActivity { private EditText usernameEditText; private EditText passwordEditText; private Button loginButton; private Button registerButton; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); usernameEditText = findViewById(R.id.usernameEditText); passwordEditText = findViewById(R.id.passwordEditText); loginButton = findViewById(R.id.loginButton); registerButton = findViewById(R.id.registerButton); loginButton.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { String username = usernameEditText.getText().toString(); String password = passwordEditText.getText().toString(); // 在这里处理登录逻辑 } }); registerButton.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { String username = usernameEditText.getText().toString(); String password = passwordEditText.getText().toString(); // 在这里处理注册逻辑 } }); } } ``` 2. 创建一个名为activity_main.xml的布局文件，用于定义用户界面。 ```xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:padding="16dp" tools:context=".MainActivity"> <EditText android:id="@+id/usernameEditText" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="用户名" /> <EditText android:id="@+id/passwordEditText" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="密码" android:inputType="textPassword" /> <Button android:id="@+id/loginButton" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="登录" /> <Button android:id="@+id/registerButton" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="注册" /> </LinearLayout> ``` 这是一个简单的示例，你可以根据自己的需求进行修改和扩展。希望对你有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值