Sitesi della lezione

Esercitazione in aula.

Creazione delle prime pagine web. "ciaogente" è la Struttura delle cartelle del progetto:

  •  ciaogente 
    •  cartellafiglia 
      •  index.html
    •  img
    •  index.html
    •  tipografia.html

File creati

/ciaogente/index.html

<!DOCTYPE html>
<html>
    <head>
        <title>Ciao gente!</title>
    </head>
    <body>
        <h1>Ciao a tutti!</h1>
        <p>Questo è un paragrago.</p>
        <p>Questo è un altro paragrafo.</p>
        <a href="http://www.google.com" target="_blank">Vai su Google</a>,  
        <a href="tipografia.html">Tipografia</a>,
        <a href="cartellafiglia/">Pagina figlia</a>
        <p><img src="img/img01_mod.jpg" alt="Stefano Benni" title="Immagine di Stefano Benni"></p>
        <p><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png"></p>
    </body>
</html>

/ciaogente/tipografia.html

<!DOCTYPE html>
<html>
    <head>
        <title>Tipografia</title>
    </head>
    <body>
        <h1>Titoli</h1>
        <h1>Titolo 1</h1>
        <h2>Titolo 2</h2>
        <h3>Titolo 3</h3>
    </body>
</html>

/ciaogente/cartellafiglia/index.html

<!DOCTYPE html>
<html>
    <head>
        <title>Pagina figlia</title>
    </head>
    <body>
        <h1>Ciao da pagina figlia!</h1>
    </body>
</html>