Hvordan bruke en SPAN Tag

HTML-koder kan du vise og formatere data på ulike måter. En kode og dets attributter definere hvordan et bestemt stykke tekst eller grafikk vil se ut, hvor den er plassert, og hvordan den oppfører seg i forhold til annen tekst og grafikk på siden. En "span" er en spesiell type kode som du kan bruke til å formatere tekst og grafikk på en webside. Det er en innebygd tag (i motsetning til en blokk tag), noe som betyr at det er først og fremst brukes til å formatere elementer i sin nåværende stilling. Nedenfor er noen eksempler på bruk av et spenn tag.

Bruksanvisning

1 Åpne HTML editor og skape en grunnleggende side ved hjelp av følgende tekst:

<Html>

<Head>

</ Head>

<Body>

<P> Hvordan bruke en <span style = "color: blue"> span </ span> tag </ p>

</ Body>

</ Html>

Lagre og vise siden i nettleseren, og du vil se fargen på ordet "span" er blå.

2 Fjern teksten i <body> -kodene og skriv inn følgende tekst:

<P> hvordan å sette en ramme rundt <span style = "border: 3px grønn solid"> tekst </ span> med et spenn </ p>

Lagre og vise siden i nettleseren, og du vil se hvordan et spenn kan brukes til å sette rammer rundt noen tekst.

3 Fjern teksten i <body> -kodene og skriv inn følgende tekst:

<P> hvordan du kan endre tekst til <span style = "font-style: italic"> kursiv </ span> </ p>

Lagre og vise siden i nettleseren, og du vil se hvordan et spenn kan brukes til å endre et ord i setningen til kursiv.

Hint

  • Span-koder er inline elementer. Div og ledd koder, for eksempel, er blokk-nivå elementer. Dette betyr at span tagger oppfører seg annerledes i forhold til formatering av siden. Div og ledd koder vanligvis begynner på en ny linje, mens span tagger skje innenfor gjeldende linje eller blokk.