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
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ù -
- Come funziona HTML
- Comandi HTML
- Che cos'è XML?
- Tag di formato HTML