web前端入門到實戰(zhàn)：制作一個百度首頁

一、 我們制作一個百度首頁作為練習，可直接復制該代碼保存后綴名為.html來查看

創(chuàng)新互聯建站服務項目包括焦作網站建設、焦作網站制作、焦作網頁制作以及焦作網絡營銷策劃等。多年來，我們專注于互聯網行業(yè)，利用自身積累的技術優(yōu)勢、行業(yè)經驗、深度合作伙伴關系等，向廣大中小型企業(yè)、政府機構等提供互聯網行業(yè)的解決方案，焦作網站推廣取得了明顯的社會效益與經濟效益。目前，我們服務的客戶以成都為中心已經輻射到焦作省份的部分城市，未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任！

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>d93_baidu_home_exercise</title>

    <style>

        .header{

            height: 250px;

            /*background-color: red;*/

        }

        .content{

            height: 220px;

            /*background-color: pink;*/

?

        }

        .footer{

            height: 200px;

            /*background-color:green;*/

        }

        div{

            text-align: center;

        }

        .logo{

            background-color:skyblue;

            height: 130px;

        }

        input[type=text]{

            width: 400px;

            height:30px;

        }

        input[type=submit]{

            width:80px;

            height:30px;

        }

        .content_form{

            height:80px;

        }

        body{

            font-size: 16px;

        }

</style>

</head>

<body>

<div class="header">

    <div>

        <img src="image/baidu_logo.png" alt="" class="logo">

    </div>

    <div class="header_navgitor">

        <a href="#">新聞</a>

        <a href="#">音樂</a>

        <a href="#">知道</a>

        <a href="#">文庫</a>

        <a href="#">應用</a>

        <a href="#">視頻</a>

        <a href="#">地圖</a>

    </div>

</div>

<div class="content">

    <div class="content_form">

        <form action="http://www.baidu.com">

            <input type="text" name="" id="">

            <input type="submit" value="百度一下" >

        </form>

    </div>

    <div>

        <a href="#">百科</a>

        <a href="#">文庫</a>

        <a href="#">hao123</a>

        <a href="#">更多>></a>

    </div>

</div>

<div class="footer">

    <div>

        <a href="#">把百度設為首頁</a>

        <a href="#">安裝百度衛(wèi)士</a>

    </div>

    <div>

        <a href="#">加入百度推廣</a>

        ｜

        <a href="#">關于百度</a>

        ｜

        <a href="#">About 百度</a>

    </div>

    <div>

        @2019Baidu，使用百度前必讀 京ICP證666號

    </div>

</div>

</body>

</html>
web前端開發(fā)學習Q-q-u-n： ⑦⑧④-⑦⑧③-零①②，分享學習的方法和需要注意的小細節(jié)，不停更新最新的教程和學習方法（詳細的前端項目實戰(zhàn)教學視頻）

web前端入門到實戰(zhàn)：制作一個百度首頁

本文名稱：web前端入門到實戰(zhàn)：制作一個百度首頁
網站路徑：http://bm7419.com/article22/jdgscc.html

成都網站建設公司_創(chuàng)新互聯，為您提供網站制作、全網營銷推廣、建站公司、定制網站、手機網站建設、品牌網站設計

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯

成都網站建設公司