HTML è la base di ogni pagina web. Definisce la struttura e il contenuto di un sito, proprio come le pareti, le porte e il tetto costituiscono una casa.

HTML è composto da elementi, che solitamente sono in coppia: un tag di apertura e un tag di chiusura. Questi elementi formano una gerarchia, con alcuni elementi annidati all'interno di altri per creare una struttura di pagina significativa.

Esempio

Fai clic su Esegui Codice per vedere il risultato:

Aggiunta di diversi tag in HTML

In HTML, è possibile utilizzare vari tag per aggiungere diversi tipi di contenuto alla pagina web. Ecco come è possibile aggiungere testo, immagini, link e altro:

Aggiunta di testo

Per aggiungere testo alla pagina web, è possibile utilizzare il tag <p> per i paragrafi, <h1> fino a <h6> per i titoli di diversi livelli.

Aggiunta di immagini

Per aggiungere immagini, è possibile utilizzare il tag <img>. Specificare la sorgente dell'immagine (attributo src) e, facoltativamente, includere attributi come alt per il testo alternativo e width e height per le dimensioni.

<img src="image.jpg" alt="Description of the image" width="300" height="200" />

Aggiunta di collegamenti

Per aggiungere collegamenti ipertestuali ad altre pagine web o risorse, è possibile utilizzare il tag <a>. Specificare l'URL della pagina di destinazione utilizzando l'attributo href.

Aggiunta di elenchi

Per creare elenchi ordinati (numerati) o non ordinati (puntati), è possibile utilizzare rispettivamente i tag <ol> e <ul>. All'interno di questi tag, utilizzare il tag <li> per ciascun elemento dell'elenco.

Aggiunta di moduli

Per creare moduli per l'inserimento di dati da parte dell'utente, è possibile utilizzare vari tag relativi ai moduli come <form>, <input> e <button>.

Possiamo aggiungere una vasta gamma di contenuti alla pagina web utilizzando questi tag HTML, dal semplice testo e immagini fino a moduli interattivi. Di seguito, puoi trovare il sito web con i tag considerati.

Video tutorial