Google by @Adiele - Codewith.it

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

References

<option>Serve ad inserire una voce in un menu di selezione.
classDefinisce una o più classi per elemento
colspanDefinisce il numero di colonne di una cella all'interno di una tabella.
forSpecifica a quale id è associato l'elemento in cui è dichiarato.
downloadConsente di scaricare file al click di collegamento ipertestuale.
methodDetermina il metodo di invio dei dati di un form al server

Users

Log in to search for users

Explore

Find inspiration

Primo esercizio (26/01/2914)

Questa è una pagina dimostrativa

Esercitazione 1

Pro Vercelli LB

JS Istruzioni condizionali es1

match html tags

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!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%; }