Migliorare il Testo e l'Interattività in HTML
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:
index.html
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 dopomailto:(ad esempio,"mailto:example@example.com").
Esempio:
index.html
Nell'esempio sopra:
- Il tag
<a>crea collegamenti ipertestuali con destinazioni diverse; - L'attributo
hrefspecifica 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:
index.html
In questo esempio:
- L'attributo
hrefspecifica l'URL della risorsa collegata; - L'attributo
targetapre 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:
index.html
Nell'esempio sopra:
- Il primo pulsante è un pulsante standard con un attributo
onclickche 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
1. Selezionare l'affermazione corretta tra le opzioni fornite.
2. Come vengono creati i collegamenti?
3. Cosa specifica l'attributo href in un tag <a>?
4. Cosa fa il tag <button type="submit">?
Grazie per i tuoi commenti!
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
Awesome!
Completion rate improved to 3.13
Migliorare il Testo e l'Interattività in HTML
Scorri per mostrare il menu
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:
index.html
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 dopomailto:(ad esempio,"mailto:example@example.com").
Esempio:
index.html
Nell'esempio sopra:
- Il tag
<a>crea collegamenti ipertestuali con destinazioni diverse; - L'attributo
hrefspecifica 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:
index.html
In questo esempio:
- L'attributo
hrefspecifica l'URL della risorsa collegata; - L'attributo
targetapre 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:
index.html
Nell'esempio sopra:
- Il primo pulsante è un pulsante standard con un attributo
onclickche 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
1. Selezionare l'affermazione corretta tra le opzioni fornite.
2. Come vengono creati i collegamenti?
3. Cosa specifica l'attributo href in un tag <a>?
4. Cosa fa il tag <button type="submit">?
Grazie per i tuoi commenti!