Google by @Adiele - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

Inserisce un commento nel codice
<nav>Definisce un menu di navigazione
titleIndica informazioni aggiuntive riguardo un elemento HTML
<caption>Definisce didascalie all'interno di una tabella
<tbody>Definisce il contenuto principale di una tabella.
mediaSpecifica a quale dispositivo/display/documento è ottimizzata una risorsa.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

template 2 colonne

educazione civica 2

ESERCIZIO FINALE

Bootstrap List Grid

Lola Harrel 3rd Hour 12/4/20

PROGETTO DIGITAL

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!DOCTYPE html>
<html>
  <head>
    <title> Google</title>
    <link href="Style.css" rel="stylesheet">
    </head>
    <body>
      <div id="google">
        <img src="https://www.google.com/logos/1998/googlebeta.jpg" width=500px>
        </div> 
        <br>
        <div id="barraricerca">
          <p> Search the web using Google </p>
          <div id="rettangolo"> </div>
          <div> <button> Google Search </button>
          <button> I'm feeling lucky! </button>
          </div>
          <div id="scatola1">
            <a href="dsn"> Special Searches </a>
            <a href="dsn"> Stanford Search </a>
            <a href="dsn"> Linux Search </a>
            </div>
             <div id="scatola2">
            <a href="dsn"> Help! </a>
            <a href="dsn"> About Google! </a>
            <a href="dsn"> Company Info </a> <a href="dsn"> Google! Logos </a> 
            </div>
                   <div id="scatola3">
           Get Google! <br> updates monthly: <br>
           <div id="rettangolo2"> </div> <br>
           <button> Subscribe </button> 
           <a href="ewg"> Archive </a>
            </div>
            </body>
            </html>
            <link rel="stylesheet" type0"text/css" href="style.css">

#google
{ text-align:center; margin-top:7%; border:solid 2px black; }
#barraricerca {text-align:center; border:solid 1px black; background-color: rgb(211, 205,197);}
#rettangolo{border:1px solid black; width:50%; height:20px; margin-left:25%; margin-bottom:1%; background-color: white;}
ul{list-style-type:none;}
#scatola1{ float:left; background-color: deepskyblue;}
#scatola2{ float:left; background-color: dodgerblue;}
#scatola3{ float:left; background-color: royalblue;}
#rettangolo2 {width:50px;
height:15px; background-color:white; border:1PX SOLId black; margin-left:42%;
margin-bottom:1%; }