HTML letteralmente HyperTextMarkupLanguage cioè un linguaggio usato per formattare testi nelle pagine web, ma non parliamo di un codice di programmazione ma bensì di un codice per dare un layout grafico ad una pagina specifica perciò per quanto riguarda la parte testuale e delle immagini con la possibilità di inserire anche video.

Fu Tim Berners-Lee alla fine degli anni 80′ a sviluppare questo codice, da quelle prima versione del codice ha avuto molte varizioni e aggiornamenti fino ad arrivare ad oggi cioè l’HTML 5 a cui sono state apportate delle modifiche dai precedenti per migliorare e facilitarne l’uso come ad esempio:

  • sono state rese più stringenti le regole per la strutturazione del testo in capitoli, paragrafi e sezioni
  • sono stati introdotti elementi per il multimediale <video> e <audio>
  • introdotta la geolocalizzazione
  • sostituito il lungo doctype di prima con solo <!DOCTYPE html>

Appena aperto Dreamweaver, il software Adobe più utilizzato per creare pagine HTML, che vi ricordo è possibile scrivere anche con il blocco note ad esempio, dovrete seguire questa schematizzazione fatta all’inizio dal <!DOCTYPE html>, poi nella riga successiva il nome del vostro sito, poi passo passo andrete a sviluppare prima l’ “Header” cioè la testata comprendente generalmente la barra di primo livello, poi il “Body” cioè il corpo della pagina, la regola fondamentale del codice è che ogni volta aprite un tag lo dovete chiudere esempio <head>  </head>.

I tag più usati oltre a quelli base che abbiamo visto prima sono:

  • <b>testo</b> testo in grassetto
  • <i>testo</i> testo in corsivo
  • <br> per andare a capo
  • <img src=”http://indirizzo_immagine”> l’immagine
  • <div align=”center”>immagine/testo</div> per centare un’immagine o un testo
    <marquee onmouseover=”this.stop()” onmouseout=”this.start()”>immagine/testo</marquee> immagine o testo in movimento che si fermano al passaggio del mouse
  • <span style=”color: COLORE”>testo</span> dare un colore al testo
  • <span style=”font-family: FONT”>testo</span> carattere del testo
  • <select>
    <option value=”1″>1</option>
    <option value=”2″>2</option>
    <option value=”3″>3</option>
    </select>        menù a tendina
Mattia De Zuliani
About Mattia De Zuliani

Mattia de Zuliani, Web Designer e Content Manager da più di 5 anni, specializzato nella gestione dei contenuti di Siti web. Creativo e dinamico.