Riprova verifica di progr(2) by @mexted - Codewith.it

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

Referenze

<h2>Titolo di intestazione di secondo livello
hrefDefinisce l'URL della risorsa/pagina di destinazione.
multipleConverte in lista a selezione multipla
Inserisce un commento nel codice
<textarea>Area di testo libero espandibile per form HTML
autoplayAttributo HTML autoplay per l'avvio automatico degli elementi audio e video

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

HTML: Guida Completa

google search clone

esercitazione 2

esercitazione n. 1

Better Call Saul

Istogramma a colonne

La torta della nonna es esame

Sito scolastico – Template base

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>Navigazione</title>
    <style>
      #nomesito {
       background-image: url("https://i0.wp.com/tecnicafotografica.net/wp-content/uploads/2020/05/zajdgnxsmeg-e1590956555206.jpg?fit=1600%2C899&ssl=1");
      border: 4px solid white;
      color: black;
        height: 200;
      padding: 3px;
      width:800;
       margin:10;
        margin-left:11;
        margin-bottom: 10;
      font-family:arial
      }
      #navigation {
        background:rgb(110,202,110);
          border:4px solid white;
        color: black;
        height:30;
        width:800;
        padding: 4px;
        margin: 10;
        margin-left:11;
        font-family: arial;
        text-align:center; }
      #sidebar {background: rgb(185,185,85);
        border: 4px solid white;
      color:black;
        height: 510;
      padding: -1px;
      width:80;
      margin:1px;
        position: absolute;
      margin-left:11px;
      margin-bottom:74;
      font-family: arial;
      text-align:center;
      margin-right: 12px;
      }
      #content {background: rgb(176,169,169);
      border: solid white;
        color:black;
      height: 500;
        padding: 5px;
      width:690;
      margin:1;
        position: absolute;
      margin-left:110;
      font-family: arial;
      text-align:left;}
      #footer {background: rgb(94,92,92);
      border: 4px black;
        color:grey;
      height: 50;
        padding: 5px;
      width:800;
        margin:540;
      font-family:calibri;
        margin-left:10;
      text-align:center;}
    </style>
    <script></script>
  </head>
  <body text-align="center">
  <div id="nomesito" text-align="center"><h1>
    NOME SITO
    </h1></div>
     <div id="navigation" text-align="center"> NAVIGATION</div>
      <div id="sidebar" > <h5>
       SIDEBAR 
        </h5>
   
      <p>Link1</p>
      <p>Link2</p>
      <p>Link3</p>

    </div>
    <div id="content"><h2>
      Articolo 1
      </h2>
      <h4>
        «Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscip
      </h4>
      <br>
      <h2>
      Articolo 2
      </h2>
      <h4>
        «Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscip
      </h4>
      </div>
    
    <div id="footer"> copyright 2022 - Mio Sito - Numero di telefono- info@gmail.com</div>
    </body>
</html>

*{ }