Hello World


Nel nostro primo eserizio su HTML5, creeremo una semplice pagina web, che visualizzerà Hello World!!!

Lanciamo il nostro editor di testo, ad esempio Blocco Note di Windows e scriviamo:

Hello World!!!

Dopo aver terminato, salviamo il file con estensione .html, ad esempio "hello.html"

Clicchiamo sul file e si dovrebbe aprire il nostro browser predefinito e dovremmo vedere la seguente pagina web:

hello-word

Adesso cerchiamo di "abbellire" la nostra pagina web, apriamo il nostro file hello.html con in nostro editor di testo e lo modifichiamo nel seguente modo:

<h1>Hello World!!!</h1> 
<p>Benvenuti su Smart Gioiosa !</p>

Una volta aggiunto un titolo (Heading) di primo livello (<h1>) e un paragrafo (<p>) proviamo ad aggiornare la pagina (in genere basta digitare F5) il testo viene modificato in questo modo:

hello-word

Infine aggiungiamo una struttura base di qualsiasi documento html, come abbimamo già visto nella lezione teorica Struttura di un documento html5

<!doctype html>
<html lang="it">
<head><title>Hello World</title></head>
<body>
<h1>Hello World!!!</h1>
<p>Benvenuti su Smart Gioiosa!</p>
</body>
</html>

Di seguito l'immagine della home page appena creata:

home-web-programming

Tutto il codice degli esercizi svolti sarà pubblicato su github al seguente indirizzo: Codice degli esercizi

Vi consiglio di crearvi un accounto su GitHub, andando avanti con le lezioni vi spiegherò come utilizzarlo e tutti i benefici che si hanno ad utilizzare questo social network degli sviluppatori