HTML Style Tag

“Stilkoden til HTML kan brukes til å forskjønne utseendet til websiden din. Det inkluderer, men er ikke begrenset til å endre skriftstiler, skriftstørrelser, skriftfarger, tekstjustering, tekstbakgrunnsfarge osv. I denne artikkelen vil vi vise deg hvordan du kan bruke stilkoden til HTML på flere måter og endre de overordnede utsiktene til websiden din.”

Hvordan bruke stilkoden til HTML?

Det er flere måter du kan bruke stilkoden til HTML. Noen av dem blir forklart i de følgende fem eksemplene:

Eksempel 1: Endring av tekstenes skriftfamilie

Ved hjelp av dette eksemplet lærer vi å bruke forskjellige skriftstiler for teksten vår ved å bruke HTML -stilkoden. HTML -skriptet for å gjøre dette vises nedenfor:

Ved å bruke HTML -skriptet som er vist ovenfor, ønsket vi å skrive ut uttalelsen “Velkommen til Linux Hint!”I fire forskjellige skriftstiler. For å gjøre det har vi brukt HTML-stilkoden etterfulgt av Font-Family-attributtet og navnet på den respektive font. Etter det nevnte vi uttalelsen om at vi ønsket å vises i forskjellige skriftstiler.

De fire forskjellige skriftstilene som vi har brukt i skriptet vårt, kan sees på følgende webside:

Eksempel 2: Endre skriftstørrelsen på teksten

I dette eksemplet lærer vi å endre skriftstørrelsen på teksten vår ved å bruke stilkoden til HTML som vi har skrevet skriptet som er vist nedenfor:

I dette skriptet har vi brukt skriftstørrelsesattributtet med HTML-stilkoden og har brukt forskjellige skriftstørrelser i prosenter så vel som i piksler for vår ønskede tekst.

Du kan se på følgende webside at vår spesifiserte tekst har dukket opp i forskjellige skriftstørrelser:

Eksempel 3: Endre skriftfargen på teksten

Med dette eksemplet vil vi fortelle deg hvordan du kan endre skriftfargen på teksten din ved å bruke HTML -stilmerket, som du må referere til skriptet som vises nedenfor:

Akkurat som de to første eksemplet skript, har vi også brukt den samme stilkoden i dette eksemplet. Denne gangen har vi imidlertid brukt fargeattributtet for å vise vår ønskede tekst i forskjellige farger.

Vår spesifiserte tekst i forskjellige farger vises på websiden i følgende bilde:

Eksempel 4: Endring av justeringen av teksten

Nå vil vi snakke om å endre justeringen av teksten ved å bruke stilkoden til HTML. For det har vi laget HTML -skriptet vist nedenfor:

I dette skriptet har vi brukt den samme teksten som vi ønsket å vises i tre forskjellige justeringer, jeg.e., sentrum, høyre og venstre. Vi har brukt stilkoden til HTML for dette formålet, etterfulgt av den tekst-justerte attributtet.

Eksempelteksten vår i tre forskjellige justeringer vises på følgende webside:

Eksempel 5: Endre bakgrunnsfargen på teksten

Til slutt lærer vi å endre bakgrunnsfargen på teksten vår ved å bruke HTML -stilmerket, som vi vil bruke skriptet som er vist nedenfor:

I dette skriptet har vi ganske enkelt brukt HTML-stilkoden etterfulgt av bakgrunnsfargen-attributtet for å bruke forskjellige bakgrunner for teksten vår.

Eksempelteksten vår med forskjellige bakgrunnsfarger vises på følgende webside:

Konklusjon

Denne artikkelen var sentrert om stilkoden til HTML. For å fremheve viktigheten av denne HTML -taggen, demonstrerte vi fem forskjellige eksempler for deg som benyttet deg av denne taggen på flere måter. Ved å følge disse eksemplene kan du enkelt endre skriftstil, skriftstørrelse, skriftfarge, tekstjustering og tekstbakgrunnsfarge på websiden din, og derfor kan du gi den et helt nytt tiltalende utseende og det også i løpet av noen få sekunder.