img

"PRATICA 1: Struttura HtmL"

Codice sorgente HtmL

<!DOCTYPE html> <html lang="it"> <head> <title>PRATICA 1</title> <meta charset="ISO-8859-1"> </head> <body> <div id="COPERTURAPAGINA"><!-- Inizio div id="coperturaPagina" --> <header><!-- Inizio header --> <span><a href="#" title="NoN collegato"><img src="tonalita.gif" border="0px" width="350px" height="40px" alt="logo del sito" /></a></span> </header><!-- Fine header --> <nav id="NAV_ORIZZONTALE"> <ul class="MENUNAVIGAZIONE"> <li class="PRIMAVOCE"><a href="#">Prima Voce</a></li> <li class="voceCorrente"><a href="#">Seconda Voce</a></li> <li><a href="#">Terza Voce</a></li> <li><a href="#">Quarta Voce</a></li> <li><a href="#">Quinta Voce</a></li> </ul> </nav> <nav id="NAV_SINISTRA"> <div class="titolo"><h4>PRIMO TITOLO</h4> <ul class="menuVerticale"> <li><a href="#" title="NoN collegato">1. Prima Sotto Voce</a></li> <li><a href="#" title="NoN collegato">2. seconda Sotto Voce</a></li> <li><a href="#" title="NoN collegato">3. terza Sotto Voce</a></li> <li><a href="#" title="NoN collegato">4. quarta Sotto Voce</a></li> <li><a href="#" title="NoN collegato">5. quinta Sotto Voce</a></li> <li><a href="#" title="NoN collegato">6. sesta Sotto Voce</a></li> <li><a href="#" title="NoN collegato">7. Settima Sotto Voce</a></li> <li><a href="#" title="NoN collegato">8. ottava Sotto Voce</a></li> <li><a href="#" title="NoN collegato">9. nona Sotto Voce</a></li> </ul> </div><!-- Fine div classTitolo --> <div class="titolo"><h4>SECONDO TITOLO</h4> <ul class="menuVerticale"> <li><a href="#" title="NoN collegato">1. Prima Sotto Voce</a></li> <li><a href="#" title="NoN collegato">2. seconda Sotto Voce</a></li> <li><a href="#" title="NoN collegato">3. terza Sotto Voce</a></li> <li><a href="#" title="NoN collegato">4. quarta Sotto Voce</a></li> <li><a href="#" title="NoN collegato">5. quinta Sotto Voce</a></li> <li><a href="#" title="NoN collegato">6. sesta Sotto Voce</a></li> <li><a href="#" title="NoN collegato">7. Settima Sotto Voce</a></li> <li><a href="#" title="NoN collegato">8. ottava Sotto Voce</a></li> <li><a href="#" title="NoN collegato">9. nona Sotto Voce</a></li> </ul> </div><!-- Fine div classTitolo --> </nav><!-- Fine div NAV_SINISTRA --> <div id="CONTENUTI"> <div id="scheda"> </div><!-- Fine div scheda --> </div><!-- Fine div CONTENUTI --> <div id="PIE-DI-PAGINA"> <a href="#" title="Non collegato">Informazioni su</a> | <a href="#" title="Non collegato">Corrispondenza</a> | <a href="#" title="Non collegato">Calendario</a> | </div><!-- Fine div PIE-DI-PAGINA --> </div><!-- Fine div id="coperturaPagina" --> </body> </html>


(Browser) Risultato del codice sorgente HtmL SENZA il foglio di Style