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.