Mens du leser notater eller artikler, må noen viktige punkter eller terminologier revideres senere. For dette bruker vi høydepunkter for å markere de viktige tingene i stedet for å studere hele artikkelen hver gang. Det gir også et overbevisende blikk på den informasjonen. Så for å markere informasjonen på nettstedet, tilbyr HTML oss "”Tag, og CSS tillater oss å bruke forskjellige egenskaper for å fremheve tekst.

Utfallet av denne bloggen er:

• Metode 1: Uthev tekst ved hjelp av HTML -taggen
• Metode 2: Uthev tekst ved hjelp av HTML -taggen
• Metode 3: Uthev tekst ved hjelp av CSS -gradientfarger

Metode 1: Uthev tekst ved hjelp av HTML -taggen

HTML “”Tag brukes til å fremheve eller merke tekst som gir viktig informasjon. Som standard gjengir nettlesere den merkede teksten med en gul bakgrunnsfarge.

Syntaks
Syntaksen ved å bruke “”HTML -element er nevnt nedenfor:

Innhold…

Eksempel: Hvordan legge til element i HTML?
I HTML, først, opprette en div med klassenavnet “eske”. Deretter,

blir lagt til for å inkludere overskriften, og

Tag brukes til å legge til et avsnitt på websiden. Innen

element, bruk "”Element for å fremheve den nødvendige teksten:

HTML Mark Element

Merkeelementet brukes til å definere de markertetekst.

Bruk deretter CSS -egenskaper på HTML -elementene.

Style Box Div

.Boks
Grense: 5px Solid #9A1663;
bakgrunnsfarge: #FDF0E0;
Bredde: 90%;
Høyde: 200px;
Margin: Auto;
polstring: auto;
tekst-align: sentrum;
Font-størrelse: 20px;

Her, “.eske”Brukes til å få tilgang til DIV -elementet med klasseboksen og bruke følgende egenskaper: -

• “grense”Eiendom kan ha mer enn to verdier for å spesifisere grensestilen, for eksempel bredde, linjetype og farge.
• “bredde”Attributt brukes til å spesifisere elementets bredde.
• “bakgrunnsfarge”Eiendom brukes til å spesifisere fargen på elementets bakgrunn.
• “høyde”Eiendom definerer høyden på HTML -elementet.
• “margin”Eiendom definerer plassen utenfor elementet.
• “polstring”Eiendom definerer plassen inne i elementet.
• “Tekstalign”Eiendom brukes til å justere justeringen av teksten.
• “skriftstørrelse”Angir størrelsen på skrifter.

Den ovennevnte koden vil generere følgende resultat:

Vi kan også bruke forskjellige stiler på elementet med CSS.

Stil HTML -element
Som standard "”Tag viser en gul farge. Men ved hjelp av CSS kan du bruke forskjellige egenskaper for å endre stilen til HTML -merkeelementet.

I dette eksemplet har vi brukt inline CSS for styling av HTML -taggen:

Merkeelementet brukes til å definere merket tekst.

Det kan observeres at nå blir teksten fremhevet ved hjelp av den røde fargen:

Metode 2: Uthev tekst ved hjelp av HTML -taggen

HTML “”Element er et inline element som brukes til å markere en del av et dokument.

Eksempel: Hvordan legge til element til HTML?
Først a

Tag er plassert for å legge til et avsnitt. Inne i

tag, "”Tag brukes til å markere en bestemt del av avsnittet. Hver spennmerke får en ID som "S1”.

Html

Linuxhint er den beste Online tutorial nettsted.
Hvis du vil lære Bash -programmering, Da er du på rett sted.

Nå, bruk CSS -stiler på ovennevnte spennelementer.

CSS

#S1
bakgrunnsfarge: RGB (235, 247, 6);

“#S1”Henviser til spenn -ID. Her, eiendommen “bakgrunnsfarge”Med verdien brukes RGB (233, 247, 6) på spennelementet.

Det kan observeres fra utgangen at teksten i spennelementet er merket med den spesifiserte fargen:

Metode 3: Uthev tekst ved hjelp av CSS -gradientfarger

I HTML, legg til en med ID som "hoved-”. Deretter, inne i dette divelementet, sted

Tag for å legge til innhold. Innenfor innholdet i

Tag, plasser tag med klassenavn som “fremheve”. Til slutt vil vi bruke CSS “gradient”Eiendom til dette spennområdet.

Html

Prisen på suksess er hardt arbeid og dedikasjon.

Stilklassehøydepunkt i elementet

.fremheve
Bakgrunnsbilde: Lineær-gradient (til høyre, #06283D, #8BBCCC, #47B5FF, #256D85);
Border-Radius: 6px;
polstring: 3px 6px;

Beskrivelsen av ovennevnte CSS -egenskaper er gitt nedenfor:

• “.fremheve”Brukes til å få tilgang til klassehøydepunktet i

  element.

• “bakgrunnsbilde”Eiendom som“lineær gradient”Bruker parametrene som retning, deretter to eller flere farger.
• “Border-Radius”Eiendom brukes til å gjøre kantene på elementene runde.
• “polstring”Brukes til å gi plass rundt elementets innhold.

Style Main Div

#main
Margin: 10px Auto;
Bredde: 90%;
Høyde: 150px;
Grense: 5px Solid #FB2576;
Border-Radius: 10px;
bakgrunnsfarge: svart;
polstring: 5px;

De nedenfor beskrevne CSS -egenskapene brukes på DIV -elementet med ID som "hoved":

• “#hoved”Henvises til ID -hovedelementet i DIV -elementet.
• “margin”Eiendom bruker avstand utenfor DIV -elementet.
• “bredde”Eiendom brukes til å angi beholderens bredde.
• “høyde”Setter høyden på beholderen.
• “grense”Angir grensens bredde, type og farge.
• “Border-Radius”Gjelder for å gjøre kantene på elementene runde.
• “bakgrunnsfarge”Brukes til å bruke farge på bakgrunnen til DIV -elementet.
• “polstring”Brukes for å gi plass rundt innholdet i div.

Stil

element

#main> p
Farge: #FFF;
tekst-align: sentrum;
Font-Family: Sans-Serif;
Brevavstand: 2px;
Polstring: 20px 0;
Font-størrelse: 2em;

De

Element of Div Main er anvendte stiler med de listede CSS -egenskapene:

• “farge”Eiendom spesifiserer fargen til teksten.
• “Tekstalign”Eiendom bruker tilpasning til teksten, for eksempel sentrum, venstre og mer.
• “Font-familie”Brukes for å sette tekstenes skriftfamilie.
• “avstand mellom bokstavene”Eiendom maksimerer eller minimerer avstanden mellom tekstens tegn.
• “polstring”Representerer plass rundt innholdet i et element.
• “skriftstørrelse”Indikerer størrelsen på skriften.

Etter å ha lagret koden ovenfor, vil websiden i nettleseren vår se slik ut:

Vi har diskutert noen metoder for å fremheve teksten ved hjelp av CSS.

Konklusjon

For å fremheve tekst, letter HTML og CSS oss med mange teknikker. Html “”Og“”Tagger brukes til å markere teksten, men vi kan tilpasse høydepunktstilen ved hjelp av CSS. Denne bloggen diskuterte prosedyren for å fremheve tekst ved hjelp av HTML, og gradientfarger.