# Tag HTML: i comandi più importanti in sintesi Con i comandi HTML costruisci un sito web chiaro, depositando le informazioni più importanti per tutti i browser. Oltre ai tag HTML per la struttura di base, ve ne sono altri che possono essere utilizzati per aggiungere contenuti multimediali, creare moduli o impostare il carattere tipografico. ## Cosa sono i tag HTML? Se vorresti [imparare l’HTML](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/imparare-lhtml-lampio-tutorial-per-principianti/) o scrivere il tuo codice, i tag HTML sono probabilmente lo strumento più importante ed efficace. I comandi HTML vengono utilizzati per **inviare informazioni ai diversi [browser](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/cosa-sono-i-browser/)**. Il sito web viene quindi strutturato nel miglior modo possibile e può essere visualizzato da qualsiasi browser grazie alle informazioni depositate. I tag HTML vengono solitamente rappresentati con **un tag iniziale e uno finale**. Sono racchiusi tra parentesi angolari e contengono le informazioni desiderate, con il tag finale contrassegnato da una barra. La combinazione di tag iniziale, informazioni e tag finale è chiamata **elemento**. È possibile assegnare un [attributo HTML](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/attributi-html/) all’elemento che contribuisce a fornire ulteriori informazioni. Qui puoi vedere un esempio della struttura di un tag HTML: ```html

Questo è un titolo

``` N.B. Non tutti gli elementi HTML consistono in un tag di apertura e uno di chiusura. I cosiddetti **Self-closing Tags** (chiamati anche tag vuoti) sono elementi HTML che non necessitano di contenuto tra un tag di apertura e chiusura. Pertanto, consistono solo di un singolo tag, per esempio `
` per un’interruzione di riga. Si chiudono quindi da soli e sono sintatticamente completi senza un tag di chiusura separato. Esistono moltissimi tag HTML diversi e probabilmente non ti serviranno tutti. Inoltre, alcuni di questi non vengono più utilizzati dall’introduzione di [HTML 5](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/cose-lhtml5/) e di [HTML 5.1](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/il-nuovo-html-51-le-funzioni-piu-importanti/). Anche per questo è utile avere sempre a portata di mano un riepilogo dei comandi HTML più importanti. Di seguito ti esponiamo i comandi HTML più comuni, organizzati in tabelle e ordinati per categorie. I comandi mostrati qui sono tutti supportati nella versione HTML attuale 5.2 e nello standard conosciuto come HTML Living Standard. Quest’ultimo rappresenta lo stato attuale delle tecnologie web ed è aggiornato continuamente. ## Tag HTML per la struttura di base di un documento I seguenti tag HTML strutturano i siti web e costituiscono la base di tutti gli altri elementi del documento.
Tag HTML Descrizione
`` Questo tag HTML determina il tipo di documento.
`` Questo tag HTML definisce un documento come documento HTML.
`` I metadati del documento vengono inseriti nella sezione <head>.
``</td> <td>Questo comando HTML memorizza il titolo del documento, che viene mostrato anche nella barra del titolo del browser.</td> </tr> <tr> <td>`<body>`</td> <td>`<body>` è l’area principale e include il contenuto che viene visualizzato nel browser.</td> </tr> <tr> <td>`<nav>`</td> <td>Si tratta dell’area di navigazione di un sito web.</td> </tr> <tr> <td>`<section>`</td> <td>Con `<section>` è possibile raggruppare gli elementi in un gruppo.</td> </tr> <tr> <td>`<article>`</td> <td>`<article>` è l’area con i contenuti di un sito web.</td> </tr> <tr> <td>`<header>`</td> <td>`<header>` definisce l’intestazione di una pagina o di una sezione.</td> </tr> <tr> <td>`<footer>`</td> <td>Con `<footer>` viene definita la parte inferiore di una pagina o di una sezione.</td> </tr> </tbody> </table> La struttura di base di un sito web può apparire come nell’esempio seguente: ```html <html> <head> <title>Il titolo del tuo sito web Qui puoi inserire testo o immagini. ``` ## Comandi HTML per configurare un sito web Esistono numerosi tag HTML con i quali puoi suddividere e sviluppare singole aree o l’intera pagina.
Tag HTML Descrizione
`

` a `

`
 I titoli vengono creati con i diversi tag h. Più piccolo è il numero, più grande è il titolo.
`

`

 `

` contrassegna i paragrafi.
`
`		 Con il tag HTML `
` si forza un’interruzione di riga.
`
`		 `
` genera una linea divisoria ottica che appare tra due contenuti.
`
`
 Con il [tag HTML div](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/html-div/) è possibile raggruppare blocchi di contenuti correlati.
Un esempio di utilizzo dei tag HTML strutturali: ```html

Qui c’è il titolo

Qui c’è il corpo del testo.

I sottotitoli dividono il contenuto

Altro testo e nel mezzo
un’interruzione di pagina.

``` ## Comandi HTML per il carattere tipografico Puoi cambiare il carattere tipografico del tuo documento con diversi comandi HTML.
Tag HTML Descrizione
`` Singole parole, frasi o paragrafi vengono scritti in grassetto.
`` Singole parole, frasi o paragrafi vengono visualizzati in corsivo.
`` La parte racchiusa viene sottolineata.
`` Il testo considerato viene barrato.
`` Con il tag HTML `` si possono mettere i caratteri in apice, come ad esempio 1°.
`` Con `` si possono visualizzare i caratteri in pedice, come ad esempio H2O.
Un esempio di regolazione del carattere tipografico con i comandi HTML: ```html

Qui c’è un esempio di testo e questa parte viene scritta in corsivo.

``` N.B. Per modificare il colore dei caratteri, è meglio utilizzare il CSS. Sulla nostra Digital Guide trovi un [tutorial esaustivo sul CSS](https://www.ionos.it/digitalguide/siti-web/web-design/come-imparare-il-css-una-guida-semplice/). ## Evidenziare e contrassegnare i paragrafi Per formattare o contrassegnare i paragrafi, si utilizzano in particolare i seguenti tag HTML:
Tag HTML Descrizione
`` Con `` puoi evidenziare determinate sezioni.
`` Con `` vengono evidenziati frammenti di testo.
`` Con `` contrassegni le citazioni all’interno di un testo.
`
`
 `
` contrassegna un intero paragrafo come citazione.
```` formatta una sezione come codice di programma.
Di seguito trovi un esempio di utilizzo di questi comandi HTML: ```html

Questo è il corpo del testo. Questa parte viene evidenziata.

``` ## Creare elenchi e tabelle con i tag HTML In un documento HTML puoi anche inserire elenchi e tabelle. Di seguito trovi i tag HTML appositi:
Tag HTML Descrizione
``
Con il tag HTML `` viene definita una tabella.`` si etichettano le righe di una tabella.
`
`
`
` definisce il titolo di una tabella.
`
Con `
`` `` definisce una specifica cella in una tabella.
`` Con `` si definisce la cella d’intestazione di una tabella.
`
    `
 Con `
    ` si crea un elenco numerato.
`
    `
 Con `
    ` si crea un elenco puntato non ordinato.
`
  • `
    		•  `
  • ` indica le singole voci dell’elenco.
    		•
    `
    `
    		 `
    ` designa un elenco di definizioni.
    `
    `
    		 `
    ` definisce un termine o una posizione in un elenco di definizioni.
    `
    `
    		 `
    ` è una descrizione definitoria all’interno di un elenco.
    Di seguito potrai vedere come appare un elenco (non numerato) in un documento HTML: ```html
    • Primo punto
    • Secondo punto
    • Terzo punto
    ``` ## Incorporare file multimediali in un documento HTML Diversi tag HTML ti consentono di inserire immagini, video e file audio in un documento e di formattarli. Di regola si può accedere ai file multimediali tramite un URL. Di seguito trovi i comandi HTML più comuni:
    Tag HTML Descrizione
    `` Il [tag HTML img](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/html-img/) contrassegna un’immagine.
    `` Con `` è possibile incorporare una mappa nel documento.
    ` `
    ` Con `
    Se desideri includere contenuti multimediali, devi utilizzare anche gli attributi HTML `src` per le fonti e `alt` per il testo alternativo. Di seguito un esempio: ```html Descrizione dell’immagine ``` ## Tag HTML per i moduli Per includere un modulo nel tuo documento HTML, utilizza i seguenti comandi HTML:
    Tag HTML Descrizione
    `
    `
    		 Con `` crei un modulo.
    `` `` viene utilizzato per la gestione degli inserimenti nel modulo.
    ` Tramite `
    ` Con `
    ` `
    ### Creare un modulo In pratica, crei un modulo come mostrato di seguito. Nota che vengono utilizzati attributi aggiuntivi per specificare, ad esempio, la [richiesta HTTP](https://www.ionos.it/digitalguide/hosting/tecniche-hosting/richiesta-http/) desiderata (nel nostro caso `POST`). ```html Nome: Password: ``` ### Creare un pulsante Di seguito ti mostriamo come aggiungere un pulsante: ```html

    Qui viene posizionato il pulsante

    ``` ## Inserire collegamenti ipertestuali su documenti HTML Utilizza i seguenti tag HTML per creare collegamenti ipertestuali (o link) nel tuo documento:
    Tag HTML Descrizione
    `` Con `` si determina il collegamento ipertestuale.
    `` `` crea il collegamento tra il documento e una fonte esterna.
    ` Con `
    Inoltre, l’attributo [href](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/a-href-html/) nel link viene utilizzato per specificare l’indirizzo di destinazione. Ecco come inserire un link in un documento HTML: ```html

    Contatto

    Contattaci tramite e-mail.

    ``` ## Altri comandi HTML importanti Esistono numerosi altri tag HTML che facilitano il lavoro e che si possono utilizzare in un [editor HTML](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/gli-editor-html/). Te ne presentiamo una piccola selezione:
    Tag HTML Descrizione
    `