Tag di formattazione del testo

HTML offre diversi tag di formattazione del testo che consentono di aggiungere enfasi, sottolineare o barrare il testo secondo necessità.

I tag <strong> e <em> vengono utilizzati per enfatizzare il testo. Il tag <strong> visualizza il testo in grassetto, indicando un'importanza rilevante, mentre il tag <em> visualizza il testo in corsivo, indicando enfasi.

Il tag <u> sottolinea il testo per fornire chiarezza visiva e mettere in evidenza informazioni importanti. Tuttavia, si consiglia di utilizzare la sottolineatura con moderazione per evitare di appesantire il testo.

Il tag <s> barra il testo, indicando eliminazione o irrilevanza. È comunemente utilizzato per mostrare che un determinato testo è stato rimosso o non è più valido.
Esempio:

Nell'esempio sopra:

• I tag <strong> e <em> forniscono enfasi al testo, con <strong> che visualizza il testo in grassetto e <em> che lo visualizza in corsivo;
• Il tag <u> sottolinea il testo, evidenziandolo visivamente;
• Il tag <s> barrà il testo, indicando eliminazione o irrilevanza.

Collegamenti

I collegamenti, noti anche come hyperlink, consentono agli utenti di navigare tra pagine web, risorse e varie forme di comunicazione. In HTML, i collegamenti vengono creati utilizzando il tag <a> (ancora).

<a href="href-value">some text</a>

L'attributo href all'interno del tag <a> specifica la destinazione del collegamento. Può accettare diversi tipi di URL, tra cui:

• URL assoluti: Specificano l'indirizzo completo della risorsa collegata, incluso il protocollo (ad esempio, "https://www.example.com");
• URL telefonici: Consentono agli utenti di avviare chiamate telefoniche direttamente dal browser quando vengono cliccati. Formattati come "tel:phone-number". È essenziale includere il prefisso internazionale e rimuovere eventuali caratteri speciali o spazi dal numero di telefono (ad esempio, "tel:+123456789");
• URL email: Consentono agli utenti di comporre email quando vengono cliccati. Formattati come "mailto:email-address". È importante includere l'indirizzo email completo dopo mailto: (ad esempio, "mailto:example@example.com").

Esempio:

Nell'esempio sopra:

• Il tag <a> crea collegamenti ipertestuali con destinazioni diverse;
• L'attributo href specifica vari URL, inclusi URL assoluti, numeri di telefono e indirizzi email.

Altri attributi utili

Il tag <a> dispone di diversi attributi che possono essere utilizzati per specificare le proprietà del collegamento ipertestuale. Alcuni attributi comuni includono:

• target="_blank": Specifica dove aprire il documento collegato. "_blank" apre il collegamento in una nuova finestra o scheda;
• download: Specifica che la destinazione verrà scaricata quando l'utente fa clic sul collegamento. Questo attributo può avere un valore per specificare il nome del file da salvare.

Esempio:

In questo esempio:

• L'attributo href specifica l'URL della risorsa collegata;
• L'attributo target apre il collegamento in una nuova finestra o scheda.

Pulsanti

Il tag <button> crea pulsanti cliccabili nelle pagine web. Consente agli utenti di interagire con la pagina attivando azioni come l'invio di un modulo o l'esecuzione di codice JavaScript. Anche se in questo corso non ci concentreremo su JavaScript, è importante sapere che questa possibilità esiste.

Tipi di pulsanti

• Pulsante standard (<button type="button">): Pulsante generico utilizzato per varie azioni nella pagina, come attivare funzioni JavaScript o navigare verso un'altra pagina;
• Pulsante di invio (<button type="submit">): Utilizzato all'interno di un modulo per inviare i dati al server;
• Pulsante di reset (<button type="reset">): Utilizzato all'interno di un modulo per ripristinare i campi ai valori predefiniti.

Esempio:

Nell'esempio sopra:

• Il primo pulsante è un pulsante standard con un attributo onclick che attiva un avviso quando viene cliccato;
• Il secondo pulsante è un pulsante di invio che invia i dati del modulo al server;
• Il terzo pulsante è un pulsante di reset che ripristina i campi del modulo ai valori predefiniti.

Video Tutorial