使用HTML实现百度首页界面
本次实验是使用HTML写出百度首页界面。
本次实验只需要插入不同的网页跳转,插入文本,图片,最后在调整位置,就可以实现。
<img src="" >:插入图片
<a href=""></a> :点击实现网页的跳转
<input type="submit" name="" value="">:插入标签
完整代码如下:
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><mate http-equiv="X-UA-Compatible" content="IE=edge"><mate name="viewport" content="width=device=width,initial-scale=1.0"><title>百度一下,你就知道</title><style>.jz{text-align: center;font-size: 20px;background: none;}.jf{text-align: center;font-size: 10px;width: 100%;height: 60px;position: fixed;bottom: 0;}a{color: dodgerblue;}</style></head><body ><div class=jz><img src="../baidu/image/bdlogo.gif" ></br><a href="http://news.baidu.com/">新闻</a> <a href="http://news.baidu.com/">网页</a> <a href="https://tieba.baidu.com/index.html">贴吧</a> <a href="http://news.baidu.com/">知道</a> <a href="http://music.91q.com/">音乐</a> <a href="http://news.baidu.com/">图片</a> <a href="https://haokan.baidu.com/?sfrom=baidu-top">视频</a> <a href="https://map.baidu.com/">地图</a></br></br> <!-- <input type="text" name="text1" size="70" maxlength="60" width="100"> --><input type="text" style="height: 25px;width:500px;" /><input type="submit" name="提交" value="百度一下"><br></br><a href="https://tieba.baidu.com/index.html">百科</a> <a href="http://news.baidu.com/">文库</a> <a href="http://music.91q.com/">hao123</a> <span>|</span> <a href="http://news.baidu.com/">更多<<<</a></div><div class=jf><a href="https://tieba.baidu.com/index.html">把百度设为主页安装百度浏览器</a></br><a href="http://music.91q.com/">加入百度推广</a><span>|</span><a href="http://music.91q.com/">搜索风云榜</a><span>|</span><a href="http://music.91q.com/">关于百度</a><span>|</span><a href="http://music.91q.com/">About Baidu</a><p>2013 Baidu 使用百度前必读 京ICP证030173号</p></div></body>
</html>
使用HTML实现百度首页界面相关推荐
- 谷歌浏览器百度搜索引擎输入后跳转到百度首页并且会吞掉输入内容
谷歌浏览器百度搜索引擎输入后跳转到百度首页且网址为https://www.baidu.com/?tn=78000241_45_hao_pg 今天电脑更新,打开谷歌浏览器搜索时给我跳转到百度首页,百度首 ...
- 模仿百度首页页面(附带源码)html+css
文章目录 前言 一.实现界面 二.代码 1.百度页面.html 2.baidu.css 三.图片 总结 前言 链接:https://pan.baidu.com/s/1CVGAlba5xZdricUpI ...
- 【教程】手把手教你如何利用工具(IE9的F12)去分析模拟登陆网站(百度首页)的内部逻辑过程
声明:本文章转载自crifan的技术人生 [教程]手把手教你如何利用工具(IE9的F12)去分析模拟登陆网站(百度首页)的内部逻辑过程 重要提示: 1.此贴,以后不再更新: 2.想要看更新的内容,请移 ...
- Chrome地址输入栏搜索跳转百度首页解决方法
在Chrome浏览器地址栏输入内容搜索,跳转到百度首页而不是内容搜索页面的解决方案: Ⅰ. 在Chrome设置中打开"管理搜索引擎",点击 "更多操作" --& ...
- 【Python】百度首页GIF动画的爬虫
今天百度首页的GIF动画很可爱,就想着用才学的爬虫爬取一下,虽然直接点击"图片另存为"就可以了 import requestsimport urllibclass Gif():de ...
- html+css 百度首页练习
这几天看完了<css权威指南>,写了个百度页面,不带js的纯静态,主要目的就是掌握页面布局,字体颜色之类的没有深究. 写完了觉得很简单,毕竟一开始觉得只要模仿的像就行,但是缩小了浏览器窗口 ...
- 为什么百度首页的HTML源代码最后一行要多一行?浪费空间呀!
为什么百度首页的HTML源代码最后一行要多一行?浪费空间呀!
- java爬取百度首页源代码
爬虫感觉挺有意思的,写一个最简单的抓取百度首页html代码的程序.虽然简单了一点,后期会加深的. 1 package test; 2 3 import java.io.BufferedReader; ...
- 如何开发一个用户脚本系列(3)——脚本一:百度首页和搜索页面添加 Google 搜索框...
2019独角兽企业重金招聘Python工程师标准>>> 在本系列的前两篇文章中,我们对用户脚本以及开发脚本前应该掌握的基础知识进行了介绍.从这篇文章开始,将以已发布可用的脚本为基础, ...
- 【HTML+CSS】练习:百度首页模拟
色块定位法 通过style添加css,设置background-color,方便查看当前div在什么位置. 一个简单的小练习,复杂的部分全部使用截图. 整体布局 百度首页模拟.html <htm ...
最新文章
- 量子计算机与人脑接口,量子信息科学:量子计算机、隐形传物与人脑量子运算...
- 火电厂给水控制系统设计
- java开发变化_十年编程语言变化,大众程序员的路在哪里?
- Java 判断是否为汉字 判断是否为乱码 判断字符串是否为双整型数字 整数 数字...
- hive表中加载数据
- JAVA实现网页版斗地主_java实现斗地主小案例
- wps画 ui 原型图
- 百度网盘如何提高下载速度
- 天下谁人不识“金” — SONY NW-WM1ZM2 索尼金砖二代测评
- 微信SVG使用指南 01
- html 表情转换器,HTML5高仿微信聊天、微信聊天表情|对话框|编辑器功能
- win10的0x0000225及0x000007b修复方法
- 路径规划算法C++实现(三)--DWA
- 极兔快递单号查询API
- RL极简入门:从MDP、DP MC TC到Q函数、策略学习、PPO
- 大聪明教你学Java | 程序员的专属新年对联
- ngnix有版本要求吗_DNF:5.21版本更新,安图恩版本回归,熟悉的机制来临
- Apache DolphinScheduler 是如何诞生的
- 华三服务器hdm时间怎么修改,华三服务器HDM命令设置
- bmcl java,BMCLV3客户端崩溃!
热门文章
- 关于 Could not find artifact ...:pom:1.0-SNAPSHOT 的问题!
- Mars3D基础学习:地图图层 Layer
- 无线网Wifi和WLAN的区别
- 服务器数据库维护需要做哪些,数据库运维究竟需要做什么?
- 基于libexif写入/读取自定义Exif 信息(曝光模式,感光度,GPS等信息)
- 程序设计基本结构———顺序、选择与循环
- deepin系统引导_Windows 与 Deepin 双系统启动顺序的修改
- python音频处理(持续更新)
- HDP 03.FreeIPA安装
- Linux常用命令分享