Conoscere l’HTML è il passo iniziale per avvicinarsi al mondo della programmazione. Prima di iniziare a imparare linguaggi più complessi, è fondamentale che tu capisca come funziona e come puoi sviluppare il linguaggio html.
Cos’è l’HTML?
HTML (Hypertext Markup Language) è il codice utilizzato per strutturare una pagina web e il suo contenuto. Ad esempio, il contenuto potrebbe essere suddiviso in una serie di paragrafi o elenchi puntati. Allo stesso modo, è possibile aggiungere immagini, video e tabelle. L’HTML è costituito da una serie di elementi, necessari per far apparire il contenuto in un certo modo.
Come funziona l’HTML?
L’HTML viene solitamente archiviato in file che utilizzano l’estensione .htm o .html. Un sito Web può includere centinaia o addirittura migliaia di questi file HTML conservati in varie directory. Quando visiti una pagina web, il suo server invia i suoi file HTML al tuo browser. Il tuo browser legge quindi l’HTML nei file e lo visualizza. Alcune applicazioni web non utilizzano HTML statico ma lo generano in risposta ad azioni specifiche sui loro server. L’HTML non è usato da solo ma sempre in combinazione ad altri tipi di contenuto, come file CSS e JavaScript, che aggiungono più funzionalità a una pagina web. Il CSS stabilisce gli elementi stilistici (come i colori) di una pagina web. JavaScript, invece, permette l’interattività con l’utente. Insieme, questi tre linguaggi costituiscono la base dello sviluppo web.
Da cosa è formato l’HTML?
Le parti principali sono le seguenti:
- Il tag di apertura: consiste nel nome dell’elemento (per esempio <p>), racchiuso tra parentesi angolari di apertura e chiusura. Indica dove l’elemento inizia o inizia ad avere effetto, in questo caso dove inizia il paragrafo.
- Il tag di chiusura: indica dove finisce l’elemento, in questo caso dove finisce il paragrafo (</p>). La mancata aggiunta di un tag di chiusura è uno degli errori standard dei principianti e può portare a errori nel codice.
- Il contenuto: si tratta del contenuto dell’elemento.
- L’elemento: il tag di apertura, il tag di chiusura e il contenuto messi assieme costituiscono l’elemento.
Gli elementi possono avere anche degli attributi. Un attributo dovrebbe sempre avere quanto segue:
- uno spazio fra sé stesso e il nome dell’elemento (o l’attributo precedente, se l’elemento ha già uno o più attributi);
- il nome dell’attributo seguito da un segno di uguale;
- Il valore dell’attributo racchiuso tra virgolette di apertura e chiusura.
A cosa serve l’HTML?
L’HTML è fondamentale per strutturare una pagina web. Con i tag possiamo definire i titoli, i paragrafi e altri contenuti di una pagina web. I browser sono dotati di un foglio di stile integrato che differenzia visivamente questi elementi. Il contenuto presente nel tag <h1> sarà scritto in grande e in grassetto. Il testo contenuto nel tag <h2> sarà in grassetto, ma più piccolo degli elementi <h1>, e così via. Senza questi tag, il testo sulla pagina web sarebbe tutto uguale. Un’altra funzione di HTML è quella di facilitare la navigazione sulla rete. Senza HTML non esisterebbero i collegamenti ipertestuali. Dovremmo, quindi, digitare ogni volta manualmente l’URL delle pagine web che vogliamo visitare. Invece, grazie agli anchor tag possiamo collegare le pagine l’una all’altra utilizzando l’attributo href.
Cosa consente
L’HTML consente inoltre non solo di incorporare le immagini in una pagina Web, ma anche di regolarne la larghezza, l’altezza, la posizione e persino il modo in cui vengono visualizzate. In passato, gli sviluppatori utilizzavano Flash per incorporare i video in una pagina web. Oggi, con l’aggiunta del tag <video> da parte di HTML5, non è più necessario. Oltre all’incorporamento di video, puoi utilizzare altri attributi HTML per regolare i controlli video, i timestamp, le miniature, la riproduzione automatica e altro ancora.
