HTML Span -tag

HTML Span -tag
En webside består av mange tagger, inkludert

,

, , , , , og mange flere. Disse typer tagger brukes til å lage forskjellige typer innhold, for eksempel overskrifter, avsnitt og divs. For eksempel,

Tagger brukes til å lage overskrifter,

Tagger for å lage avsnitt og tagger for å lage en inline container.

I denne håndboken vil vi spesifikt snakke om "" stikkord. Så la oss starte!

HTML -tag

HTML -spenn er inline containere som brukes til å inneholde inline -elementer. Inline -elementer er gruppert med span -taggen, som ikke endrer deres visuelle utseende. I HTML kan du bruke "”Tag for å lage et spennelement. Det er obligatorisk å lukke spennkoden siden det er en sammenkoblet kode med både åpnings- og lukkekoder.

Syntaks

Syntaksen til taggen er gitt nedenfor:

Noe tekst

Du kan legge til teksten inne i og taggene.

La oss flytte til eksemplet der vi vil bruke “”Tag for å lage et spennelement.

Eksempel: Opprette et spennelement

I HTML vil vi lage en div og legge til en overskrift ved å bruke

stikkord. Etter det vil vi lage et spennelement ved hjelp av “”Merk og legg til den nødvendige teksten til den.

Html



Hva er spennmerke


Dette er en spennmerke

Ved hjelp av koden over oppnås følgende utgang:

Nå, stil den opprettede beholderen ved å bruke “div”. Her vil vi sette høyden på divet som “200px”Og bakgrunnsfargen på diven som“RGB (240, 195, 195)”. Etter det, sett grensen til divbredde som “4px”, Stil som“spor”, Og farge”RGB (53, 1, 10)”.

CSS

div
Høyde: 200px;
bakgrunnsfarge: RGB (240, 195, 195);
Grense: 4px Groove RGB (53, 1, 10);

Neste, bruk "spenn”For å få tilgang til spennelementet og sette fargen på spennet som“RGB (35, 243, 63)”:

Span
Bakgrunn: RGB (35, 243, 63);

I det undervernede bildet kan du se at spennelementet er stylet:

Bonustips: In-line styling av spennelement

Du kan også style Span-elementet spesielt ved hjelp av styling på nettet. For å gjøre det, bruk "stil”Inne i åpningen”<”Bracket og setter fargen på spennelementet som“RGB (0, 17, 255)”Og lukk startbraketten som“>”:



Hva er spennmerke


Dette er en spennmerke

Ved hjelp av koden over oppnås følgende utgang:

Det er det! Vi har forklart spenn -taggen.

Konklusjon

I HTML, “”Tag brukes til å lage en spennbeholder. Det er en inline beholder som brukes til teksturinnhold og for stylingformål. Du kan style spennelementet i både eksterne CSS og In-Line CSS. I denne håndboken har vi diskutert taggen og gitt et eksempel for å lage og stil spennelement for din bedre forståelse.