Riprova verifica di progr by @mexted - Codewith.it

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

References

<iframe>Crea un frame all'interno di una pagina HTML.
<nav>Definisce un menu di navigazione
<tbody>Definisce il contenuto principale di una tabella.
animationDefinisce i parametri dell'animazione di un elemento o selettore
<td>Definisce una cella di una tabella HTML.
_selfApre collegamenti ipertestuali nella stessa pagina del browser

Users

Log in to search for users

Explore

Find inspiration

Costruzione di tabella con html5

pag. 2 progetto inf

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>

*{ }