百度首页HTML代码示例

百度首页HTML代码示例

欢迎来到百度首页!以下是百度首页的HTML简单代码,您可以参考这个代码来搭建自己的网站或网页。

<!DOCTYPE html>
<html>
<head>
    <title>百度首页</title>
    <style>
        body {
            font-family: "微软雅黑", Arial, sans-serif;
            background-color: #f0f0f0;
            margin: 0;
            padding: 0;
        }
        .header {
            height: 100px;
            background-color: #333;
            color: #fff;
            text-align: center;
            line-height: 100px;
        }
        .search {
            width: 600px;
            height: 40px;
            border: 1px solid #ccc;
            border-radius: 5px;
            margin: 20px auto;
        }
        .search input {
            width: 500px;
            height: 38px;
            border: none;
            outline: none;
            font-size: 16px;
        }
        .search button {
            width: 100px;
            height: 38px;
            border: none;
            outline: none;
            font-size: 16px;
            color: #fff;
            background-color: #333;
        }
        .footer {
            height: 50px;
            line-height: 50px;
            text-align: center;
            color: #999;
        }
    </style>
</head>
<body>
    <div class="header">百度首页</div>
    <div class="search">
        <input type="text" placeholder="请输入搜索关键词">
        <button type="submit">搜索</button>
    </div>
    <div class="footer">版权所有 &copy; 百度</div>
</body>
</html>

代码仅供参考,您可以根据自己的需求进行修改和扩展,建议您可以学习一些HTML、CSS和JavaScript的基础知识,以便更好地掌握网页开发和交互设计,祝您学习愉快!

转载请说明出处内容投诉
CSS教程_站长资源网 » 百度首页HTML代码示例

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买