html实行百度页面布局

最新推荐文章于 2024-02-01 15:08:06 发布

eesDOYO

最新推荐文章于 2024-02-01 15:08:06 发布

阅读量936

点赞数 1

文章标签： html

本文链接：https://blog.csdn.net/qq_54589102/article/details/125400429

版权

本文档详细介绍了如何使用HTML来构建百度首页的布局。首先从构思出发，将页面划分为头部、中间部分和尾部三个主要区域。接着，逐步展示每个部分的代码实现和效果展示，包括头部导航、搜索框和底部文字介绍。最后，通过样式布局和格式排版，完成整个页面的视觉呈现。

摘要由CSDN通过智能技术生成

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

作业

制作百度封面页的样式

一、构思

百度首页总结。
知识点1：完整的网页的布局顺序。
先对网页整体的区域进行划分，划分为多个div区域。由头部导航，搜索框，下边文字介绍分为三个部分

二、代码实图如下

##引入代码

1.编写头部

代码如下（示例）：

<div class="wrapper">
        <div class="header">
            <a href="">搜索设置</a>
            <a href="">|</a>
            <a href="">登录</a>
            <a href="">注册</a>
        </div>
        <img src="https://www.baidu.com/img/bd_logo1.png" width=270 height=129 border="0">
        <div class="mainnav">
            <a href="">新闻</a>
            <a href="">网页</a>
            <a href="">贴吧</a>
            <a href="">知道<