Quarto articolo dedicato all’ HTML, dove facciamo alcune precisazioni e cominciamo a creare finalmente la nostra prima pagina in HTML.
HTML - Hyper Text Markup Language

In caso ve li siate persi, ecco i precedenti articoli:

  1. Che cos’è l’ HTML
  2. Creare file HTML e cosa sono i Tags
  3. Cosa sono e a che servono i Commenti

Dopo aver visto i tags, non abbiamo parlato del fatto che HTML è di fatto case- unsensitive. Che vuol dire?

Se scriviamo una pagina in HTML, sono valide entrambe le scritture:



Infatti, case-unsensitive vuol dire che non distingue fra maiuscole e minuscole.


Dato che però l’ XHTML, figlio di XML e appunto HTML ed evoluzione di quest’ultimo, è case sensitive, sarebbe ottima norma adattarsi fin da subito a scrivere i tags in minuscolo.


Detto questo, andiamo al sodo!


La nostra prima pagina in HTML


Vediamo subito come strutturare una pagina con un esempio pratico, poi lo analizzeremo tag per tag.




Contenuto del sito


Se non vi ricordate, per visualizzare il risultato dovrete copiare ed incollare il codice (è meglio se lo riscrivete perchè gli apici e doppi apici sono diversi) dentro ad un documento di testo, salvarlo con estensione .html ed aprirlo con un browser.


Cominciamo quindi, ad analizzare il codice:




Con questa riga di codice premettiamo che stiamo utilizzando standard ufficiali del World Wide Web Consortium.


Ogni pagina HTML che creiamo, dovrà cominciare con il tag <html> e terminare col tag </html>.


Fra i tags <head></head> andremo a mettere tutto il codice che non influisce direttamente con il contenuto della pagina:


Titolo della pagina, meta-tags, codici javascript, stile CSS ecc.


Quindi, apriamo il tag head:




Ed inseriamo il tag Title, che conterrà il titolo della nostra pagina:




prima di chiudere il tag HTML head, inseriamo un meta-tag molto utile che permette di specificare la codifica dei caratteri:




Questo, per ora, è quello che ci serve per quanto riguarda l’intestazione. Passiamo quindi ora al body, non a caso, il corpo della pagina.


Contenuto della pagina.


Bene, dato che non vogliamo ancora parlare di come strutturare il body, dato che ne parleremo nel prossimo articolo, per ora ci basti sapere che:


Con il primo body annunciamo che da lì in poi ci sarà il corpo della pagina, poi inseriamo tutti i tag per personalizzare la pagina e infine chiudiamo il body e il tag html aperto all’ inizio della nostra pagina.