Tecnologia Digitale

Cos’è HTML?

By Vezio Leotta

Questo articolo spiegherà in dettaglio cos’è HTML e come usare HTML.

HTML

Cos’è HTML?

Sviluppato per la prima volta da Tim Berners-Lee nel 1990, HTML è l’abbreviazione di Hypertext Markup Language. L’HTML viene utilizzato per creare documenti elettronici (chiamati pagine) che vengono visualizzati sul World Wide Web. Ogni pagina contiene una serie di collegamenti ad altre pagine denominati collegamenti ipertestuali. Ogni pagina web che vedi è stata scritta utilizzando una versione di HTML.

Il codice HTML garantisce la corretta formattazione di testo e immagini per il tuo browser Internet. Senza HTML, un browser non saprebbe come visualizzare il testo come elementi o caricare immagini o altri elementi. L’HTML fornisce anche una struttura di base della pagina, sulla quale vengono sovrapposti i fogli di stile a cascata per modificarne l’aspetto. Si potrebbe pensare all’HTML come all’ossatura (struttura) di una pagina web e al CSS come al suo skin (aspetto).

Che aspetto ha un tag HTML?

tag HTML

Come mostrato nell’esempio di tag HTML sopra, non ci sono molti componenti. La maggior parte dei tag HTML ha un tag di apertura contenente il nome del tag, gli attributi del tag, un tag di chiusura contenente una barra e il nome del tag che viene chiuso. Per i tag che non hanno un tag di chiusura come , è consigliabile terminare il tag con una barra.

La maggior parte dei tag è contenuta tra parentesi angolari minore e maggiore di e tutto ciò che si trova tra il tag di apertura e di chiusura viene visualizzato o influenzato dal tag. Nell’esempio sopra, il tag sta creando un collegamento chiamato “Computer Hope” che punta al file Hope.html.

Consiglio

Consulta la nostra pagina della guida HTML e Web Design per un elenco completo dei tag HTML.

Che aspetto ha l’HTML?

Di seguito è riportato un esempio di una pagina web di base scritta in HTML con una descrizione di ciascuna sezione e la sua funzione.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>Example page</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
 </head>
 <body>
  <h1>This is a heading</h1>
  <p>This is an <b>example</b> of a basic HTML page.</p>
 </body>
</html>

La casella sopra contiene gli ingredienti chiave per una pagina web di base. Ciascuna delle linee è spiegata di seguito in modo più dettagliato.

  1. La riga DOCTYPE descrive in quale versione di HTML è stata scritta la pagina in modo che un browser Internet possa interpretare il testo che segue.
  2. Il tag di apertura fa sapere al browser che sta leggendo il codice HTML.
  3. La sezione contiene informazioni sulla pagina, come il titolo, i meta tag e dove individuare il file CSS.
  4. La sezione contiene tutto ciò che è visualizzabile nel browser. Ad esempio, tutto il testo visto qui è contenuto nei tag body.
  5. Il tag

    è l’intestazione visibile della pagina.

  6. Il tag

    è un paragrafo di testo. La maggior parte delle pagine web (come questa) ha diversi tag di paragrafo.

  7. Nel paragrafo è contenuto il tag che mette in grassetto la parola esempio nel paragrafo.
  8. Infine, i tag di chiusura avvolgono ciascuno dei tag sopra.
  • Consulta la nostra guida HTML e Web Design per un elenco completo dei tag HTML.

Che cos’è HTML5?

HTML5 è l’aggiornamento apportato all’HTML da HTML4 (XHTML segue uno schema di numerazione delle versioni diverso). Utilizza le stesse regole di base di HTML4, ma aggiunge alcuni nuovi tag e attributi che consentono una migliore semantica e elementi dinamici che vengono attivati ​​utilizzando JavaScript. I nuovi elementi includono:

,