Formattazione del testo HTML
Per rendere qualsiasi documento chiaro e leggibile, dobbiamo tenere presente la formattazione del testo del documento. La formattazione del testo è di due tipi, qualitativa, come la famiglia dei caratteri e quantitativa, come la dimensione del carattere, il colore e altro ancora. In HTML, possono essere utilizzati diversi elementi per applicare stili di formattazione agli elementi del documento.
Questo post guiderà su:
- Stili di formattazione HTML
- Come text in grassetto in html?
- Come corsivare il testo in html?
- Come fare il testo di StrikeThrough in HTML?
- Come aggiungere testo come pedice in HTML?
- Come aggiungere testo come apice in html?
- Come sottolineare il testo in HTML?
- Come fare enfatizzare il testo in HTML?
- Come rendere il testo forte in HTML?
- Come fare un piccolo testo in HTML?
Stili di formattazione HTML
Diversi stili di formattazione del testo HTML sono elencati di seguito:
- Grassetto
- Corsivo
- Sciopero
- Sobbrotteria
- Apice
- Sottolineare
- Enfatizzare
- Forte
- Piccolo
Implessiamo alcuni di loro uno per uno con esempi.
Come text in grassetto in html?
L'HTML “"Il tag viene utilizzato per in grassetto il testo per attirare l'attenzione dell'utente verso il testo.
Esempio
In HTML, all'interno dell'elemento corporeo, aggiungi
tag per l'intestazione e
Tag per un po 'di testo. Tra il
elemento, abbiamo posizionato il tag di inizio e Tag di chiusura. Il contenuto tra questi tag sarà formattato in grassetto.
Html
Grassetto
Questo paragrafo definisce come modellare il testo come grassetto.
In CSS, questi tag menzionati verrebbero applicati con diverse proprietà di stile per una migliore presentazione.
Stile tutti gli elementi
*Font-Family: Ginevra, Sans-Serif, Verdana, Tahoma;
L'asterisco ( * ) Il segno viene utilizzato in CSS per applicare tutti gli elementi alle stesse proprietà. Così il "famiglia di font"La proprietà di ciascun elemento è impostata come"Verdana, Ginevra, Tahoma, sans-serif". Questo elenco di valori viene fornito per garantire che se il primo non è supportato dal browser, altri verranno applicati agli elementi.
Contenitore di div
.ContainerBackground-color: RGB (238, 165, 157);
larghezza: 90%;
Margine: auto;
imbottitura: 10px;
Bordo: 3px marrone tratteggiato;
Font-size: 20px;
Qui:
- "colore di sfondo"La proprietà imposta il colore di sfondo dell'elemento Div.
- "larghezza"La proprietà, con un valore del 90%, imposta la larghezza dell'elemento Div al 90%.
- "margine"Proprietà con valore"auto"Aggiunge uguale spazio attorno a un elemento.
- "imbottitura"La proprietà aggiunge spaziatura attorno al contenuto del Div Main.
- "confine"La proprietà regola un bordo di larghezza 3px, una linea tratteggiata con il colore marrone.
- "dimensione del font"Set di proprietà/regola la dimensione del testo a 20px.
Dall'immagine seguente, è chiaro che il testo selezionato è formattato in grassetto:
Come corsivare il testo in html?
Spesso, un documento deve essere in corsivo il testo per mostrare una citazione o una definizione. Per fare questo, usa il “"Tag.
Esempio
In HTML, aggiungi i tag iniziali e chiusura di Tag prima e dopo la parte per in corsivo come segue:
Questo paragrafo definisce come modellare il testo come Corsivo.
Produzione
Come fare il testo di StrikeThrough in HTML?
Il testo StrikeThrough si riferisce al testo che ha una riga attraverso di esso. È semplice utilizzando l'HTML ""Tag.
Esempio
Aggiungi il tag iniziale e il tag di chiusura alla parte del testo che deve essere fatto un attacco come mostrato di seguito:
Questo paragrafo definisce come modellare il testo come Sciopero.
Produzione
Come aggiungere testo come pedice in html?
Il pedice è il testo di piccole dimensioni che viene visualizzato leggermente sotto il testo. Ad esempio, nelle espressioni matematiche. L'HTML “"Il tag può essere utilizzato per farlo.
Esempio
Il codice HTML di seguito rappresenta un file
tagga con una parte del testo all'interno del etichetta:
Questo paragrafo definisce come modellare il testo come Sobbrotteria.
Può essere visto dall'immagine seguente che la parte del testo posizionata all'interno dell'inizio sub e tag di chiusura è formattato come testo del pedice:
Come aggiungere testo come apice in html?
Il apice è il piccolo testo che appare leggermente sopra la normale riga di testo. Inoltre, per creare un text apript html ""Il tag viene utilizzato.
Esempio
Ecco il codice che rappresenta il
elemento. Una parte del paragrafo è all'interno del Tag come mostrato nel codice seguente:
Questo paragrafo definisce come modellare il testo come apice.
La parte di testo selezionata è formattata correttamente come apice:
Come sottolineare il testo in HTML?
A volte, è necessario contrassegnare un po 'di testo come sottolineato. A tale scopo, un elemento di formattazione del testo ""È supportato in HTML.
Esempio
Sotto il codice HTML mostra
L'elemento con una parte risiede all'interno dei tag iniziali e chiusura:
Questo paragrafo definisce come modellare il testo come sottolineare.
Produzione
Come fare enfatizzare il testo in HTML?
Nella maggior parte dei documenti, per attirare un'attenzione speciale dai lettori, il testo è formattato per sottolineare. L'HTML “"Il tag viene utilizzato per creare il testo in corsivo. I lettori sottolineano le loro voci quando leggono il testo enfatizzato.
Esempio
Qui, i tag di partenza e chiusura di l'elemento sono usati nel paragrafo:
Questo paragrafo definisce come modellare il testo come Enfatizzare.
Produzione
Come rendere il testo forte in HTML?
L'HTML ""L'elemento viene utilizzato dove è necessario per mostrare importanza e urgenza attraverso il testo. Ha un tag iniziale e un tag di chiusura .
Esempio
Osserviamo il lavoro di Elemento implementandolo in HTML:
Questo paragrafo definisce come modellare il testo come forte.
Produzione
Come fare un piccolo testo in HTML?
L'HTML ""L'elemento viene utilizzato per rendere piccola le dimensioni del carattere.
Esempio
La sezione del codice seguente contiene
Elemento con alcuni contenuti e una parte di esso risiede tra il tag:
Questo paragrafo definisce come modellare il testo come piccolo.
Produzione
Abbiamo discusso di diversi stili di formattazione HTML e loro applicazioni.
Conclusione
La formattazione del testo svolge un ruolo vitale nel rendere chiaro e leggibile un documento. Un documento ben formattato mantiene l'attenzione dell'utente e aiuta a comprendere. Per creare un documento HTML ben formattato, ci sono diversi tag di formattazione come "","","","", E altro che può essere utilizzato di conseguenza. Questo blog ha spiegato gli elementi per formattare il testo in HTML con esempi pratici.