制作百度首页

news/2024/11/29 2:33:50/

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>Document</title><style>img {    margin-left: auto;margin-right: auto;
}p{text-align: center;}div{font-style: '黑体';text-align: center;color:black;}a{font-style: '宋体';color: rgb(60, 1, 149);}</style>
</head>
<div><img  src="../关卡二/image/bdlogo.gif" alt=""></div>
<body>
<div class="diyiduan"><a href="">新闻</a> <span>网页</span> <a href="">贴吧</a> <a href="">知道</a><a href="">音乐</a> <a href="">图片</a> <a href="">视频</a> <a href="">地图</a>
</div><br>
<div>
<input type="text" name="wd" size="80" height="50" width="20">
<input type="submit" value="百度一下">
</div><br>
<div class="diyiduan"><a href="">百科</a>  <a href="">文库</a>  <a href="">hao123</a> <span>|</span> <a href="">更多>></a>
</div><br><br>
<div><img src="../关卡二/image/ic.jpg" alt=""><a href="">百度地图带你吃喝玩乐,全心全意为人民服务</a>
</div><br><br>
<div><a href="">把百度设为主页</a> <a href="">安装百度卫士</a><br><br><a href="">加入百度推广</a> <span>|</span> <a href="">搜索风云榜</a> <span>|</span> <a href="">关于百度</a><span>|</span> <a href="">About Baidu</a>
</div>
<p><span>2013Baidu 使用百度前必读 京ICP证03173号</span></p>
</body>
</html>


1.运用基本标签先把首页内容添加
2.使用<div>...</div>分成几个块区
3.<p>...</p>添加内容
4.<a>超链接标签是百度首页主要的构成,添加其他页面的网址路径
5.<img>标签插入需要的图片
6.在使用<style>...</style>在html内部写方法和对应的属性


http://www.ppmy.cn/news/847241.html

相关文章

C# Post 接口请求样例

很久没有写接口了&#xff0c;正好今天写到了接口&#xff0c;记录一下 封装Http Post请求&#xff0c;这里的请求头是 request.ContentType “application/json”; 复制后根据实际去修改&#xff0c;不要生搬硬套搞拿来主义&#xff1a; /// <summary>/// 发送http请求…

油猴插件:AC baidu:重定向优化百度搜狗 皮肤背景美化 - Tools

不知道怎么装油猴和油猴的这个插件&#xff1f; 本文下方评论求解吧。 效果图&#xff1a; 代码&#xff1a; /**计数器的颜色样式*/div .AC-CounterT {background: #FD9999; } /****可以加一些自己的背景图片,替换引号内的内容为可外链的图片即可****/body {background-ima…

如何将浏览器中百度页面的皮肤作为高清图片下载

打开浏览器&#xff0c;切换到百度后&#xff0c;点击百度首页&#xff0c;点击设置&#xff0c;点击换肤&#xff0c;选择自己喜欢的皮肤更换完自己想要的皮肤后&#xff0c;可以用鼠标右键或者CtrlShiftI快捷键打开检查&#xff0c;应该会出现一以下界面。点击Sources&#x…

计算机怎样另存主页教程,怎么保存百度主页皮肤图片到本地电脑?

怎么保存百度主页皮肤图片到本地电脑?常言八卦事&#xff0c;必是八卦人。一如笔者&#xff0c;喜欢故弄玄虚&#xff0c;将一些貌似“高难”的电脑操作整理成帖子&#xff0c;在心里将自己想象成大侠!然后今天又无聊了&#xff0c;把新近琢磨出来的保存百度主页皮肤图片到本地…

百度换肤效果

百度换肤效果 点击小图片&#xff0c;切换网页背景图片 代码验证 <style>* {margin: 0;padding: 0;}body {background: url("../imgs/11.jpg");/*设置背景图片的大小*//* cover:与contain刚好相反&#xff0c;背景图片会按比例缩放自 适应整个背景区域&…

AC-baidu-重定向脚本造成百度首页皮肤失效的解决方法

AC-baidu-重定向脚本造成百度首页皮肤失效的解决方法 前言一、原因分析二、解决方法三、搜索结果页设置自定义背景 前言 AC-baidu-重定向优化百度搜狗谷歌必应搜索_favicon_双列是一个十分实用且强大脚本&#xff0c;相信有许多小伙伴使用该脚本。但不知道有没有小伙伴遇到以下…

Unified Named Entity Recognition as Word-Word Relation Classification

原文链接&#xff1a;https://arxiv.org/pdf/2112.10070.pdf AAAI 2022 介绍 NER主要包括三种类型&#xff1a;flat、overlap和discontinuous。目前效果最好的模型主要是&#xff1a;span-based和seq2seq&#xff0c;但前者注重于边界的识别&#xff0c;后者可能存在exposure b…

立创EDA(专业版)电路设计与制作快速入门

1.新建工程的时候 &#xff08;要注意用版本控制&#xff0c;项目名&#xff0c;日期&#xff0c;版本&#xff09; 2.原理图设计环境设置 3.电源转换电路 电源是一般是5v转3.3v电路 电源主要的可以选择LLDO来降压的或者是DCDC减压 这个电路主要是用LDO来降压的 AMS1117降…