HTML - Panoramica
HTML sta per Hypertext Markup Language, ed è il linguaggio più utilizzato per scrivere pagine web.
Hypertextsi riferisce al modo in cui le pagine Web (documenti HTML) sono collegate tra loro. Pertanto, il collegamento disponibile su una pagina Web è chiamato ipertesto.
Come suggerisce il nome, HTML è un file Markup Language il che significa che si utilizza l'HTML per "marcare" semplicemente un documento di testo con tag che indicano a un browser Web come strutturarlo per visualizzarlo.
In origine, l'HTML è stato sviluppato con l'intento di definire la struttura di documenti come intestazioni, paragrafi, elenchi e così via per facilitare la condivisione di informazioni scientifiche tra i ricercatori.
Ora, l'HTML è ampiamente utilizzato per formattare le pagine web con l'aiuto di diversi tag disponibili nel linguaggio HTML.
Documento HTML di base
Nella sua forma più semplice, di seguito è riportato un esempio di un documento HTML:
<!DOCTYPE html>
<html>
<head>
<title>This is document title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>Document content goes here.....</p>
</body>
</html>Tag HTML
Come detto in precedenza, l'HTML è un linguaggio di markup e fa uso di vari tag per formattare il contenuto. Questi tag sono racchiusi tra parentesi graffe angolari<Tag Name>. Tranne pochi tag, la maggior parte dei tag ha i tag di chiusura corrispondenti. Per esempio,<html> ha il suo tag di chiusura </html> e <body> tag ha il suo tag di chiusura </body> tag ecc.
L'esempio sopra del documento HTML utilizza i seguenti tag:
| Suor n | Tag e descrizione |
|---|---|
| 1 | <!DOCTYPE...> Questo tag definisce il tipo di documento e la versione HTML. |
| 2 | <html> Questo tag racchiude il documento HTML completo e comprende principalmente l'intestazione del documento che è rappresentata da <head> ... </head> e il corpo del documento che è rappresentato dai tag <body> ... </body>. |
| 3 | <head> Questo tag rappresenta l'intestazione del documento che può mantenere altri tag HTML come <title>, <link> ecc. |
| 4 | <title> Il tag <title> viene utilizzato all'interno del tag <head> per menzionare il titolo del documento. |
| 5 | <body> Questo tag rappresenta il corpo del documento che mantiene altri tag HTML come <h1>, <div>, <p> ecc. |
| 6 | <h1> Questo tag rappresenta l'intestazione. |
| 7 | <p> Questo tag rappresenta un paragrafo. |
Per imparare l'HTML, dovrai studiare vari tag e capire come si comportano, durante la formattazione di un documento testuale. L'apprendimento dell'HTML è semplice in quanto gli utenti devono imparare l'uso di tag diversi per formattare il testo o le immagini per creare una bella pagina web.
Il World Wide Web Consortium (W3C) consiglia di utilizzare tag minuscoli a partire da HTML 4.
Struttura del documento HTML
Un tipico documento HTML avrà la seguente struttura:
<html>
<head>
Document header related tags
</head>
<body>
Document body related tags
</body>
</html>Studieremo tutti i tag di intestazione e di corpo nei capitoli successivi, ma per ora vediamo cos'è il tag di dichiarazione del documento.
La dichiarazione <! DOCTYPE>
Il tag di dichiarazione <! DOCTYPE> viene utilizzato dal browser Web per comprendere la versione dell'HTML utilizzato nel documento. La versione corrente di HTML è 5 e utilizza la seguente dichiarazione:
<!DOCTYPE html>Esistono molti altri tipi di dichiarazione che possono essere utilizzati nel documento HTML a seconda della versione di HTML utilizzata. Vedremo maggiori dettagli su questo mentre discuteremo del tag <! DOCTYPE ...> insieme ad altri tag HTML.