HTML tekstformatering

HTML tekstformatering

For å gjøre ethvert dokument klart og lesbart, må vi huske på tekstformateringen av dokumentet. Tekstformateringen er av to typer, kvalitativ, for eksempel fontfamilie og kvantitativ, som skriftstørrelse, farge og mer. I HTML kan forskjellige elementer brukes til å bruke formateringsstiler på dokumentelementene.

Dette innlegget vil guide om:

  • HTML -formateringsstiler
  • Hvordan fet tekst i html?
  • Hvordan kursere tekst i HTML?
  • Hvordan lage streik -tekst i html?
  • Hvordan legge til tekst som et abonnement i HTML?
  • Hvordan legge til tekst som overskript i HTML?
  • Hvordan understreket tekst i html?
  • Hvordan lage vekt på tekst i HTML?
  • Hvordan lage tekst som sterk i HTML?
  • Hvordan lage liten tekst i html?

HTML -formateringsstiler

Flere HTML -tekstformateringsstiler er listet opp nedenfor:

  • Dristig
  • Kursiv
  • Strikethrough
  • Abonnement
  • Superscript
  • Understrek
  • Understreke
  • Sterk
  • Liten

La oss implementere noen av dem en etter en med eksempler.

Hvordan fet tekst i html?

HTML “”Taggen brukes til å fete teksten for å få brukerens oppmerksomhet mot teksten.

Eksempel
I HTML, inne i kroppselementet, legg til

Tag for overskriften og

Merk for litt tekst. I mellom

element, vi har plassert Start tag og lukkende tag. Innholdet mellom disse taggene vil bli formatert for å fete.

Html


Dristig


Dette avsnittet definerer hvordan du styler tekst som dristig.


I CSS vil disse nevnte taggene bli brukt med flere stilegenskaper for en bedre presentasjon.

Stil alle elementer

*
Font-Family: Genève, Sans-Serif, Verdana, Tahoma;

Stjernen ( * ) Tegn brukes i CSS for å bruke alle elementer på de samme egenskapene. Så "Font-familie”Eiendom til hvert element er satt som“Verdana, Genève, Tahoma, sans serif”. Denne listen over verdier er gitt for å sikre at hvis den første ikke støttes av nettleseren, vil andre bli brukt på elementene.

Style Div Container

.container
bakgrunnsfarge: RGB (238, 165, 157);
Bredde: 90%;
Margin: Auto;
polstring: 10px;
Border: 3px stiplet brun;
Font-størrelse: 20px;

Her:

  • bakgrunnsfarge”Eiendom setter bakgrunnsfargen på DIV -elementet.
  • bredde”Eiendom, med en verdi på 90%, setter bredden på DIV -elementet til 90%.
  • margin”Eiendom med verdi”bil”Legger til lik plass rundt et element.
  • polstring”Eiendom legger til avstand rundt innholdet i Div Main.
  • grense”Eiendom justerer en grense av bredde 3px, en stiplet linje med fargen brun.
  • skriftstørrelse”Eiendomssett/justerer størrelsen på teksten til 20px.

Fra bildet nedenfor er det tydelig at den valgte teksten er formatert med fet skrift:

Hvordan kursere tekst i HTML?

Ofte må et dokument kursere teksten for å vise et sitat eller definisjon. For å gjøre dette, bruk "" stikkord.

Eksempel
I HTML, legg til start- og lukkekoder av Tag før og etter delen til kursiv som følger:

Dette avsnittet definerer hvordan du styler tekst som Kursiv.

Produksjon

Hvordan lage streik -tekst i html?

Den strike teksten refererer til at teksten har en linje gjennom den. Det er enkelt ved å bruke HTML “" stikkord.

Eksempel
Legg til startkoden og lukking av taggen til den delen av teksten som skal gjøres til en streik som vist nedenfor:

Dette avsnittet definerer hvordan du styler tekst som Strikethrough.

Produksjon

Hvordan legge til tekst som abonnement i HTML?

Abonnementet er teksten i liten størrelse som vises litt under teksten. For eksempel i matematiske uttrykk. HTML “”Tag kan brukes til å gjøre det.

Eksempel

HTML -koden nedenfor representerer en

tagg med en del av teksten inne i stikkord:

Dette avsnittet definerer hvordan du styler tekst som abonnement.

Det kan sees fra bildet nedenfor som den delen av teksten som er plassert i underfartøyet og lukkende tag er formatert som abonnementstekst:

Hvordan legge til tekst som overskript i HTML?

Overskriptet er den lille teksten som vises litt over den normale tekstlinjen. Dessuten for å lage en tekstsuperscript html "”Tag brukes.

Eksempel
Her er koden som representerer

element. En del av avsnittet er innenfor Tag som vist i koden nedenfor:

Dette avsnittet definerer hvordan du styler tekst som Superscript.

Den valgte tekstdelen er vellykket formatert som SuperScript:

Hvordan understreket tekst i html?

Noen ganger er det nødvendig å merke litt tekst som understreket. For dette formålet, et tekstformateringselement "”Støttes i HTML.

Eksempel
Under HTML -kode viser

Element med en del er bosatt i start- og lukkekodene:

Dette avsnittet definerer hvordan du styler tekst som understrek.

Produksjon

Hvordan lage vekt på tekst i HTML?

I de fleste av dokumentene, for å trekke spesiell oppmerksomhet fra leserne, er teksten formatert for å understreke. HTML “”Tag brukes til å lage teksten kursiv. Leserne understreker stemmene sine når de leser den vektlagte teksten.

Eksempel
Her start- og lukkende tagger av Element brukes i avsnittet:

Dette avsnittet definerer hvordan du styler tekst som Understreke.

Produksjon

Hvordan lage tekst som sterk i HTML?

HTML “”Element brukes der det kreves for å vise betydning og haster gjennom tekst. Den har en startmerke og en avsluttende tag .

Eksempel
La oss observere arbeidet med element ved å implementere det i HTML:

Dette avsnittet definerer hvordan du styler tekst som sterk.

Produksjon

Hvordan lage liten tekst i html?

HTML “”Element brukes til å gjøre skriftstørrelsen liten.

Eksempel
Avsnittet nedenfor inneholder

element med noe innhold og en del av det ligger mellom taggen:

Dette avsnittet definerer hvordan du styler tekst som liten.

Produksjon

Vi har diskutert forskjellige HTML -formateringsstiler og applikasjonene deres.

Konklusjon

Tekstformatering spiller en viktig rolle i å gjøre et dokument klart og lesbart. Et godt formatert dokument holder brukerens oppmerksomhet og hjelper til med å forstå. For å lage et HTML-dokument godt formatert er det flere formateringsmerker som "”,“”,“”,“”, Og mer som kan brukes deretter. Denne bloggen har forklart elementene for å formatere tekst i HTML med praktiske eksempler.