HTML I tag

HTML I tag
I caratteri svolgono un ruolo vitale nel rendere attraente una pagina web per gli utenti. Le dimensioni, lo stile e il colore dei caratteri hanno anche un grande impatto sull'aspetto dei siti Web. CSS ci consente di personalizzare questi attributi di carattere usando varie famiglie di carattere generici, come sans-serif, monospace, corsivo, serif e fantasia. Più specificamente, su questi caratteri, CSS consente tre stili principali "corsivo","normale", E "obliquo".

Questo post ti guiderà sull'HTML etichetta. Iniziamo!

Cos'è HTML Etichetta?

Html ""Il tag viene utilizzato per trasformare lo stile del testo normale come"corsivo". Il più delle volte, è usato in un paragrafo o una frase per indicare termini tecnici, altre frasi linguistiche e altro ancora.

Sintassi

Per utilizzare l'HTML Tag, segui la sintassi data:

Nella sintassi sopra:

  • è il tag iniziale.
  • è il tag finale.

Implementare un esempio per osservare il comportamento di etichetta.

Esempio: come corsivare il testo in HTML?

In HTML, prima, aggiungi un . All'interno di questo, posizionare a tagga e aggiungi il testo che deve apparire in corsivo. Successivamente, aggiungi gli altri elementi richiesti.

Html


CORSIVO

è uno stile di caratteri!


In CSS, applicheremo diversi stili all'elemento:

  • Prima il "colore di sfondo"Del Div è impostato come"RGB (68, 68, 68)".
  • Per dare colore al testo, il "colore"Il valore della proprietà è impostato come"RGB (251, 255, 0)".
  • IL "dimensione del font"Il valore della proprietà è impostato come"60px","famiglia di font" COME "Serif", E "allineamento" COME "centro".
  • Dopodiché, assegna il "margine-top"Proprietà come"8px".
  • "larghezza" COME "90%".
  • "altezza" COME "200px".
  • "imbottitura"Valore della proprietà come"5px".

È possibile impostare proprietà di styling in base alle tue esigenze.

CSS

div
Background-color: RGB (68, 68, 68);
Colore: RGB (251, 255, 0);
Font-size: 60px;
Font-Family: Serif;
Testo-align: centro;
margine-top: 8px;
larghezza: 90%;
Altezza: 200px;
imbottitura: 5px;

Produzione

Finora abbiamo discusso di come l'HTML tag funziona. Nella sezione successiva, vedremo come possiamo fornire stili al testo usando CSS.

Stili di carattere in CSS

Oltre a usare l'HTML Tag, CSS offre anche diversi stili di carattere. Passiamo all'esempio successivo che dimostra i valori di proprietà in stile carattere di CSS.

Esempio: come usare gli stili di carattere in CSS?

All'interno del tag del corpo del file html, aggiungi un e posiziona tre

tag, ognuno con nomi di classe diversi come "corsivo","obliquo", E "normale" dentro. Ogni

Il tag comprende alcuni contenuti su cui devono essere applicati gli stili di carattere.

Html

Front Style HTML: corsivo


Front Style HTML: obliquo


Stile del carattere HTML: normale

In CSS, accedi a ogni classe e modella rispettivamente il carattere. Per farlo, il "P.corsivo"Viene utilizzato per accedere al file

Tag che ha una classe chiamata Italic. Allo stesso modo, il "P.obliquo" E "P.normale"Sono utilizzati per accedere ai tag P con classi rispettivamente obliqua e normali. Successivamente, lo stile del carattere correlato sarà impostato come corsivo, obliquo e normale usando la proprietà in stile carattere.

CSS

P.corsivo
Font in stile: corsivo;

P.obliquo
Font in stile: obliquo;

P.normale
Font in stile: normale;

Ora la nostra pagina web sembrerà così:

Abbiamo spiegato l'HTML Tag con alcuni esempi utili.

Conclusione

In HTML, il ""Il tag viene utilizzato per rendere il testo in corsivo. Puoi anche applicare la proprietà in stile carattere al testo usando CSS. I valori di proprietà dei font sono in corsivo, normali e obliquo. Questo blog ha discusso dell'HTML Tag con un esempio pratico.