L'HTML è il linguaggio di markup più usato su Internet. Le pagine Internet trasmettono il loro contenuto sotto forma di HTML al vostro browser, che legge e implementa la sintassi. Inoltre, l'HTML contiene informazioni per lo stile, la formattazione o il Ottimizzazione dei motori di ricerca SEO.
Perché l'HTML?
L'HTML (Hypertext Markup Language) è un cosiddetto linguaggio di markup che determina il contenuto e la forma dei documenti digitali. Oltre all'HTML, ci sono altri linguaggi di markup come XML o Ajax. I linguaggi di markup vengono costantemente sviluppati e aggiornati a nuove versioni. La prima versione HTML è apparsa nel 1992, dopo che il linguaggio di markup era stato proposto tre anni prima.
Quando si utilizza Internet, si utilizzano diversi dispositivi di uscita: gli schermi non hanno dimensioni uniformi e la finestra del browser può essere ingrandita o ridotta. Tuttavia, una pagina Internet dovrebbe sempre visualizzare il contenuto in modo tale da poterlo riconoscere facilmente. Per questo motivo non è consigliabile fissare assolutamente i singoli elementi della pagina. In questo contesto, l'HTML svolge un ruolo importante nella formattazione dei testi o nella disposizione dei file immagine e video su una pagina Internet.
Più in generale, l'HTML fa da mediatore tra una particolare pagina web e il vostro browser. La lingua contiene caratteri, caratteri speciali, formattazione, link, metadati e molto altro. I metadati sono componenti HTML che non si vedono nella vista normale del browser. Tuttavia, sono essenziali per il funzionamento di un sito web e contribuire, ad esempio, all'ottimizzazione dei motori di ricerca.
La struttura di base: Staffe HTML
L'HTML fa uso di parentesi (come molti linguaggi di markup e di programmazione) per strutturare la sintassi. Le parentesi HTML seguono lo stesso principio delle parentesi della frase precedente: una parentesi di apertura segna l'inizio di un'unità, mentre una parentesi di chiusura segna la fine. A differenza dei normali segni di punteggiatura, le parentesi graffe HTML definiscono cosa succede esattamente al testo tra di loro.
Per esempio, se si vuole sottolineare una parte di testo, usare la sintassi "testo" (senza spazi tra parentesi quadre). Se questa sintassi si trova su una pagina web, il vostro browser può leggerla e la converte automaticamente in una parola sottolineata.
Tuttavia, l'HTML non viene utilizzato solo per formattare il testo all'interno di una pagina web. Invece, l'HTML organizza l'intero documento.
Testa e corpo dei documenti HTML
All'inizio un documento virtuale definisce al browser quale linguaggio di markup utilizza. Con HTML5, questo viene fatto prima con la specifica "" e poi con la parentesi "" (anche qui e per tutte le seguenti specifiche HTML: senza spazi tra le parentesi quadre). "" è una parentesi che si apre e si chiude solo alla fine del documento. È importante specificare la corretta definizione del tipo di documento. Le versioni prima di HTML5 usano una definizione più dettagliata invece di "".
Segue l'intestazione del documento con la sintassi "". L'intestazione HTML include metadati, titolo della pagina, script e altri componenti. Solo dopo tutte le specifiche del titolo la parentesi dell'intestazione HTML si chiude con "".
Solo allora scrivere il corpo HTML, che è contrassegnato con "". Il corpo di un documento costituisce la parte principale di una pagina web. Fornisce spazio per il testo, immaginifile video e altri elementi. Dopo che tutti i contenuti desiderati sono stati inseriti nella sintassi, chiudere il corpo HTML con la parentesi "".
Il documento digitale termina con la sintassi "", che indica la fine del testo HTML.
Elementi HTML comuni
(Sintassi senza spazi tra le parentesi quadre OPPURE senza spazi dopo la "&"!)
- Titolo: titolo del sito web
- testo in grassetto: testo o testo
- testo in corsivo: testo o testo
- testo sottolineato: testo
- Link: Descrizione del link
- Titolo del 1° ordine:
testa
- Titolo del 2° ordine: Titolo subordinato
- Paragrafo:
Questo testo riempie l'intero paragrafo.
Questo è il secondo paragrafo.
- Al segno (@): & #64; o & commat;
- Freccia destra: & #8594; o & rarr;
- Freccia a sinistra: e #8592; o & larr;
- Alza la freccia: e #8593; o & uarr;
- Abbassa la freccia: e #8595; o & darr
- Simbolo del cuore: e #9829; o & cuori;