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

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

創(chuàng)新互聯(lián)建站服務項目包括焦作網(wǎng)站建設、焦作網(wǎng)站制作、焦作網(wǎng)頁制作以及焦作網(wǎng)絡營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關系等，向廣大中小型企業(yè)、政府機構等提供互聯(lián)網(wǎng)行業(yè)的解決方案，焦作網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務的客戶以成都為中心已經(jīng)輻射到焦作省份的部分城市，未來相信會繼續(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)：制作一個百度首頁
網(wǎng)站路徑：http://m.rwnh.cn/article22/jdgscc.html

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

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

猜你還喜歡下面的內容

内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

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