Come rendere grassetto, corsivo e sottolineato in HTML con i tag

Come mettere il grassetto, il corsivo e il sottolineato in HTML

Non fa mai male imparare cose nuove. E Il linguaggio HTML, nonostante non sia più utilizzato oggi come qualche anno fa, è ancora uno dei principali nella creazione di pagine web. Quindi, se sei un progettista di pagine, sapere come mettere in grassetto, corsivo e sottolineare l'HTML è qualcosa che devi padroneggiare.

Ma sai come farlo? In caso contrario, ti forniremo un piccolo tutorial in modo che tu non abbia problemi a farlo. Sicuramente è positivo per te rinfrescare le conoscenze o imparare qualcosa di nuovo. Dobbiamo cominciare?

Come rendere grassetto, corsivo e sottolineato in HTML: i tag

Pianificare

La prima cosa che dovresti sapere sull'HTML e che ti interessa sono i cosiddetti tag. Sono uno strumento che permette di creare diversi "tipi" di lettere, come corsivo, barrato, grassetto, sottolineato... Imparare queste etichette richiederà molto tempo.

Ed è che, con loro, hai metà della conoscenza, l'altra metà è solo la pratica quando li indossi.

Vedrai.

Rendi l'HTML in grassetto

Immagina di avere un testo e di voler evidenziare una parola. Dalla frase precedente, vogliamo che il "testo" sia evidenziato. E per dirla in grassetto usi HTML (perché è un web).

Quindi devi sapere qual è il tag corrispondente al grassetto in HTML. In questo caso l'etichetta è .

Ora, non si tratta di metterlo all'inizio del testo e basta. Nemmeno alla fine. Devi posizionarlo accanto alla parola o al gruppo di parole che vuoi mettere in grassetto. E dovresti sempre chiuderlo con il tag chiuso, cioè .

Per renderti più chiaro:

Immagina di avere un testo e di voler evidenziare una parola.

Sarebbe sbagliato perché diciamo all'HTML che l'intera frase è in grassetto. Ma anche il successivo, e il successivo, e il successivo, perché non esiste un tag di chiusura.

Immagina di avere un testo e di voler evidenziare una parola.

In questo caso è come se la parola o la frase successiva scritta fosse quella messa in grassetto.

Immagina di avere un testo e di voler evidenziare una parola.

Comune anche trovarlo, ma in realtà è inutile. Ed è che tra questi due tag non c'è alcuna frase o parola, quindi vengono cancellati senza mettere nulla in grassetto.

Immagina di avere un testo e di voler evidenziare una parola.

Qui andrebbe "quasi" bene. Ed è che dal testo, tutto il resto che è scritto uscirà in grassetto.

Immagina di avere un testo e di voler evidenziare una parola.

Questo sarebbe il modo corretto di mettere il grassetto in HTML.

Scrivi in ​​corsivo l'HTML

Come lavorare programmando

Hai già imparato l'audace. Quindi andiamo in corsivo. E ancora una volta troviamo la stessa cosa. C'è un tag specifico per raggiungere questo obiettivo in HTML. Ne parliamo

Come per il grassetto, devi avere un tag di apertura, che sarebbe , e un tag di chiusura, in questo caso .

Usando gli stessi esempi di prima, metti i casi che non andranno bene e quello che lo è.

Immagina di avere un testo e di voler evidenziare una parola.

Sarebbe sbagliato perché diciamo all'HTML che l'intera frase è in corsivo. Così come il successivo, e l'altro, e l'altro. Poiché non esiste un tag di chiusura, non sa quando smettere di inserirlo.

Immagina di avere un testo e di voler evidenziare una parola.

In questo caso, ciò che diciamo a questa lingua è che la parola o la frase successiva sarà in corsivo. Ma se non inseriamo il tag di chiusura accadrà con l'esempio precedente.

Immagina di avere un testo e di voler evidenziare una parola.

La stessa cosa accade con gli audaci. Poiché non c'è nulla tra queste due etichette, vengono cancellate senza corsivo da nessuna parte. Fai attenzione, perché avresti un codice spazzatura che non funziona.

Immagina di avere un testo e di voler evidenziare una parola.

Qui andrebbe "quasi" bene. Metterà in corsivo la parola testo, ma poiché non ha una chiusura continuerà in corsivo finché non smetterai di scrivere.

Immagina di avere un testo e di voler evidenziare una parola.

Questo sarebbe il modo corretto di scrivere in corsivo in HTML.

metti la sottolineatura in html

inserire le istruzioni in HTML

Finalmente abbiamo il trattino basso. In questo caso, l'etichetta che devi conoscere è . Tutto ciò che scrivi tra l'apertura e la chiusura verrà sottolineato (anche se tu, nel codice, non puoi vederlo).

Se ne sconsiglia l'utilizzo perché spesso viene confuso con un link che, come sapete, appare sottolineato e di colore diverso nelle pagine. Cosa può indurre molti utenti a voler entrare nella pagina e non farlo (dando una cattiva immagine).

Ecco perché è riservato solo a occasioni sporadiche.

Qui vi lasciamo degli esempi che seguono la stessa frase precedente.

Immagina di avere un testo e di voler evidenziare una parola.

Mettendolo all'inizio della frase gli diciamo che andrà tutto sottolineato. Tuttavia, se il tag di chiusura non viene inserito, continuerà a sottolineare tutto il resto che viene digitato.

Immagina di avere un testo e di voler evidenziare una parola.

Anche se potrebbe essere posizionata bene per la frase successiva, non sarai in grado di sottolineare il testo della parola perché non è nella posizione corretta.

Immagina di avere un testo e di voler evidenziare una parola.

In questo caso queste etichette si annullano a vicenda. E poiché non ci sono parole o frasi poste tra loro non sottolineeranno nulla.

Immagina di avere un testo e di voler evidenziare una parola.

Quasi. Sottolineerà la parola testo. Ma anche il resto delle parole e delle frasi perché manca il tag di chiusura.

Immagina di avere un testo e di voler evidenziare una parola.

Questo sarebbe il modo corretto di inserire il carattere di sottolineatura in HTML.

Hai chiaro come mettere in grassetto, corsivo e sottolineato in HTML? Hai qualche dubbio? Lasciateceli nei commenti e vi daremo una mano.


Lascia un tuo commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati con *

*

*

  1. Responsabile dei dati: Miguel Ángel Gatón
  2. Scopo dei dati: controllo SPAM, gestione commenti.
  3. Legittimazione: il tuo consenso
  4. Comunicazione dei dati: I dati non saranno oggetto di comunicazione a terzi se non per obbligo di legge.
  5. Archiviazione dati: database ospitato da Occentus Networks (UE)
  6. Diritti: in qualsiasi momento puoi limitare, recuperare ed eliminare le tue informazioni.