Maison > Article > interface Web > css+html réalise une simulation de la page d'accueil de Baidu (avec code)

css+html réalise une simulation de la page d'accueil de Baidu (avec code)

不言original: 2018-09-11 17:06:274307parcourir

Le contenu de cet article concerne la mise en œuvre d'une page d'accueil simulée de Baidu avec css+html (avec code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Le code est le suivant :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #biaoqian{
               float: right;            
               margin: 10px;        
               }
        #d2,#d3,#d4,#d5,#d6,#d7,#d8,#d9{        
            margin: 5px;        
            }
        #title{           
         padding-left: 200px;        
         }
        .inputw{         
          height: 32px;            
          line-height: 30px;        
          }
        #pic{           
          margin-top: 180px;            
          padding-left: 380px;        
          }
        #and{           
         margin: 30px;            
         margin-top: 30px;        
         }
        #a1 {           
         padding-left:340px ;           
         margin-top: 40px;        
         }
        #erweima{           
         margin-top: 200px;            
         padding-left: 500px;        
         }
    </style>
    </head>
    <body>
    <div id="biaoqian">
    <a href="2.mp4" id="d2">新闻</a>
    <a href="2.mp4" id="d3">hao123</a>
    <a href="2.mp4" id="d4">地图</a>
    <a href="2.mp4" id="d5">视频</a>
    <a href="2.mp4" id="d6">贴吧</a>
    <a href="2.mp4" id="d7">学术</a>
    <a href="2.mp4" id="d8">登录</a>
    <a href="2.mp4" id="d9">设置</a>
    </div>
    <div id="and">
    <img  src="timg_看图王.jpg" id="pic"    style="max-width:90%" style="max-width:90%" alt="css+html réalise une simulation de la page d'accueil de Baidu (avec code)" >
    <form>
    <div id="title">
    <input class="inputw" name="aa" type="text" size="70" >
    <input class="inputw" type="button" name="aa" onclick="helloword" value="百度一下"><br>
    </div>
    </form>
    </div>
    <div id="erweima">
    <img  src="百度二维码.png" alt="css+html réalise une simulation de la page d'accueil de Baidu (avec code)" >
    </div>
    <div id="a1">
    <a href="2.mp4">把百度设为首页</a>
    <a href="2.mp4">关于百度</a>
    <a href="2.mp4">ABOUT BAIDU</a>
    <a href="2.mp4">百度推广</a>
    </div>
    </body>
    </html>

Résultats d'exécution :
css+html réalise une simulation de la page daccueil de Baidu (avec code)

Recommandations associées :

php curl simule la connexion à la page d'accueil de Baidu

css utilise par rapport pour imiter la page d'accueil de Baidutop

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

php css html cURL

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Une brève introduction au HTMLArticle suivant：Une brève introduction au HTML

Articles Liés

Voir plus