Esplorare il codice HTML di base

Completato

Hypertext Markup Language, o HTML, è il linguaggio principale usato per creare una pagina Web. HTML viene usato per descrivere le informazioni da visualizzare all'utente. HTML indica a un browser come visualizzare il testo.

Annotazioni

La parola ipertesto deriva dalla presenza di testo in una pagina che quando si fa clic o toccata porta l'utente a un'altra pagina, ovvero collegamenti o collegamenti ipertestuali.

Introduzione a tag ed elementi

Quando formatta il testo come renderlo in grassetto o ingrandisci il tipo di carattere, non sempre pensi a ciò che accade "dietro le quinte".

Quando si verifica il testo in una pagina Web, il browser esegue il lavoro per formattarlo usando il codice. Il codice HTML è dietro ciò che viene visualizzato. Il codice indica al browser cosa fare per far apparire il testo nel modo in cui appare.

Come si è appreso in un'unità precedente, quando una pagina Web ha testo in grassetto, le parole di codice HTML che indicano al browser di rendere il testo in grassetto vengono chiamati tag. I tag racchiudono il testo che deve essere visualizzato in modo specifico o trasformato. I tag hanno in genere un inizio e una fine, con testo tra di essi.

Un tag e qualsiasi contenuto tra l'apertura e la chiusura viene chiamato elemento

  • Si tratta di un tag aperto per rendere un elemento in grassetto: <strong>
  • Questo è un tag di chiusura per rendere un elemento in grassetto: </strong>
  • Si tratta di un elemento: <strong> Make me bold </strong>

Importante

Spesso gli sviluppatori usano i termini tag ed elemento in modo intercambiabile. Anche se tecnicamente significano cose diverse, nella maggior parte della conversazione, la leggera differenza nel significato non è importante.

Le intestazioni sono elementi comuni numerati da uno a sei, dove uno rappresenta la prima intestazione della gerarchia e sei quella più bassa. Le intestazioni vengono scritte come h1 fino a h6. Se si desidera aggiungere un'intestazione di primo livello a una pagina per visualizzare la parola Resume, è possibile usare:

<h1>Resume</h1>

Il video seguente illustra come HTML viene trasformato dai browser in informazioni formattate.

Informazioni su come usare i tag

Sono disponibili molti tag che i programmatori possono usare. Sapere quali sono disponibili e come vengono usati è detta sintassi. A questo punto, evitiamo di impantanarsi nei dettagli. È importante comprendere cos'è un tag e come viene usato per creare un elemento.