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

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

References

minlengthDetermina il numero minimo di caratteri per un elemento input
srcsetL'attributo srcset definisce la risorsa grafica tramite URL all'interno del tag <source> contenuto in <picture>
<div>Crea contenitori generici o sezioni in una pagina
animation-delayDetermina il tempo prima dell'avvio di una animazione in secondi (es. 1s) o millisecondi (ms)
accept-charsetAttribuisce un tipo di codifica dei caratteri per l'invio dei dati di un form HTML
<caption>Definisce didascalie all'interno di una tabella

Users

Log in to search for users

Explore

Find inspiration

Turni settimanali tabella

La prima pagina

Esercio-selettori-di-relazione

Pagina di documentazione

Esercitazione n.1

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>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>

*{ }