Tag di formattazione del testo HTML - Come funziona la formattazione del testo in HTML?

Sommario:

Anonim

Introduzione ai tag di formattazione del testo HTML

La formattazione di un testo è una parte importante delle moderne pagine Web di Internet, anche quando eravamo limitati ad avere browser Web basati su testo, erano disponibili formattazione del testo come dimensioni, orientamento, ecc. Con le moderne revisioni HTML, ci sono un sacco di tag HTML che possono essere utilizzati per rendere l'aspetto del testo di tuo gradimento.

Formattazione del testo con tag HTML

Di seguito discuteremo alcuni importanti tag HTML che vengono utilizzati per formattare il testo:

1. Formattazione del testo in grassetto in un HTML

HTML ha due tag diversi per impostare il testo in grassetto. Uno è e l'altro è mentre entrambi producono un output simile. Il tag è un tag fisico, solo per visualizzare il testo in grassetto e non aggiunge alcun valore di importanza nel browser.

Esempio



Here is some text in bold.



Here is some text in bold.



Here is some text in bold.

Produzione :

Il tag, d'altra parte, è considerato un tag logico e viene utilizzato per informare il browser che il testo nel tag è di importanza logica.

Esempio



Questo è un contenuto importante formattato usando il tag strong, e questo è giusto
testo normalmente formattato

Produzione:

2. Impostazione del testo in corsivo in HTML5

Proprio come impostare il testo come Grassetto, puoi usare tag e tag per impostare il testo in corsivo su HTML5.

L'utilizzo è per, proprio come l'utilizzo , la visualizzazione fisica del testo in corsivo e il tag mentre mostra anche il testo in corsivo sul display, fa sapere al browser che ha un'importanza semantica.

Esempio



Questo è il primo paragrafo in corsivo.

Questo contenuto è in corsivo con il tag em, questo è un testo normale

Produzione:

3. Evidenziazione del testo con codice HTML

Nelle situazioni in cui si desidera evidenziare del testo con un effetto evidenziatore, è possibile utilizzare il tag, con CSS predefinito, il tag trasforma lo sfondo del testo in giallo, aiutando a catturare facilmente l'attenzione di un visitatore su quel testo.

Esempio



This text uses Mark tag to highlight text on the page



This text uses Mark tag to highlight text on the page



This text uses Mark tag to highlight text on the page

Produzione:

4. Sottolineatura del testo in HTML

Il tag HTML può essere utilizzato per aggiungere una sottolineatura nel testo. Fai attenzione a non usare la sottolineatura con il testo blu in quanto potrebbe confondere i visitatori che il testo è link.

Esempio



Questo è Testo con tag sottolineato.

Produzione:

5. Testo barrato

Nei casi in cui è necessario tracciare una linea orizzontale attraverso il testo, è possibile utilizzare il tag. La linea annegata è sottile, quindi il testo che sta attraversando può ancora essere letto facilmente.

Esempio



Ecco una frase con sciopero attraverso il testo.

Produzione:

6. Scrivere in caratteri Monospace in HTML

L'uso di Monospace può essere utile nelle situazioni in cui si desidera citare qualcosa o si desidera visualizzare un codice nel browser. Il codice Monospace, come suggerisce il nome, rende la larghezza di ogni carattere uguale. Per ottenerlo su un browser, dobbiamo usare il tag.

Esempio

lt;html>

Questo è un testo normale. Questo è un testo di esempio in caratteri monospace, pulito.

Produzione:

7. Testo sottoscritto in HTML

In matematica e chimica, l'utilizzo dell'abbonamento è un requisito assoluto in molte occasioni. Anche nella scrittura generale, potresti imbatterti in situazioni in cui un testo in pedice è adatto per l'uso. In HTML, qualsiasi testo sotto il tag funzionerà come un indice nel browser.

Esempio



Questo è testo normale Notare qualcosa di diverso con questo testo?

Produzione:

8. Testo eliminato in HTML5

tag è usato come un modo logico per dire al browser che il testo all'interno del testo viene eliminato. Tieni presente che per l'utente il testo mostrato è uguale al tag nel tag barrato, il che significa che viene mostrato nella formattazione barrato.

Esempio



Questo è testo normale Questo è il testo tra del tag.

Produzione:

9. Apice la formattazione del testo in HTML5

Il testo nel tag è mostrato in apice. Ciò è utile in matematica, chimica e altri luoghi in cui la matematica è coinvolta. È possibile utilizzare il tag anche quando si cita con l'aggiunta di collegamenti in-page con.

Esempio



Questo è testo normale Questo testo è in apice.

Produzione:

10. Aumentare le dimensioni del testo con la formattazione HTML

Nei casi in cui è necessario del testo di dimensioni maggiori sullo schermo, ma non si desidera utilizzare l'intestazione o aumentare le dimensioni del carattere con un tag, utilizzare il contenuto tra questo tag verrà visualizzato in dimensioni di testo notevolmente maggiori.

Esempio



Questo è testo normale Questo testo è di dimensioni maggiori.

Produzione:

11. Ridurre il testo con HTML

Simile al tag, è possibile utilizzare per ridurre il testo sullo schermo senza utilizzare CSS o titoli.

Esempio:



Questo è testo normale, la dimensione di questo testo è inferiore

Produzione:

Conclusione

Ora che hai imparato come funziona la formattazione del testo in HTML, dovresti essere in grado di progettare pagine con layout e formattazione del testo corretti e dall'aspetto professionale. Dovresti usare il testo normale e la formattazione ove possibile, usando la formattazione personalizzata solo quando necessario conferisce alle tue pagine un aspetto ordinato. Anche la dimensione del testo normale è importante, troppo piccola e leggibile sarà influenzata negativamente e se è troppo grande, ci saranno meno informazioni sullo schermo contemporaneamente.

Articoli consigliati

Questa è stata una guida ai tag di formattazione del testo HTML. Qui discutiamo come formattare il testo usando diversi tag di formattazione HTML. Puoi anche dare un'occhiata ai seguenti articoli per saperne di più -

  1. Come funziona HTML
  2. Comandi HTML
  3. Che cos'è XML?
  4. Tag di formato HTML