当前位置:首页 » 《资源分享》 » 正文

前端:HTML百度页面制作(快速简单)

24 人参与  2024年05月11日 13:26  分类 : 《资源分享》  评论

点击全文阅读


 如何快速、简单制作html百度页面

目录

      准备条件

      代码讲解

      效果预览


      本文开发出来的网页只是静态版本的,可以在搜索框里查询你想了解的东西,搜索出来的数据均是百度处理,并且只制作html,不涉及到css等,学会之后就可以制作任何一个搜索页面

 准备条件

     为以后的学习,今天来简单的制作一个百度网页,如果是纯新手,需要准备HBuilder代码编辑器,如果有需要的话可以留言或私信哦,如果电脑上有编辑器,那么需要下载一个百度logo就可以啦!

代码讲解

     首先打开编辑器,文件—新建—Web项目,选择想要储存的位置以及名字, 找到刚才新建的Web项目打开有css(美化网页),img(存放图片),js(调动网页),右键点击js—新建—HTML文件,更改一下名字就可以了。

     先看一下代码,我们只需要完成body中间部分

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <body>        <div style="text-align: center;">        <img src="img/PCtm_logo.png" style="height: 100px;width: 200px"/>        <form action="https://www.baidu.com/s">            <input name="wd" />            <input type="submit" value="百度一下" />        </form>        </div>    </body></html>

        div可以划分html结构,也可用来做组合其他html元素的容器;

        text-alogn: center:水平对齐,放在正中间的位置上;

        img src:照片储存的地址;

        style:样式,根据需求设置大小长或宽;

        form action:输入需要制作的网址

        "wd":是百度网页搜索最常见的参数,制作每一个搜索引擎都不一样;

        然后边框右边设置提交(submit),在用value命名一下;

        <div></div>   <from></from>等标签必须组合使用。

        敲完代码之后一定要ctrl-s保存!ctrl-s保存!ctrl-s保存!(重要的事情说三遍)

效果预览

         可以在搜索框里随意搜索之后跳转百度查找出来的结果。

总结

        百度首页制作并不难,制作其他搜索网页与百度类似,重点是理解和熟练,学习没有捷径,多练习多积累才是正确的学习方法。

        学无止境,期待变得更好的自己!


点击全文阅读


本文链接:http://zhangshiyu.com/post/106933.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1