Hvordan bruke DIV i HTML

Hvis du ønsker å style en bestemt del av nettstedet ditt, kan du bruke en "div" tag i Hypertext Markup Language kode. Div er et element som styrer en del av sideelementer, for eksempel en overskrift og avsnitt, og når du tilordner Cascading Style Sheets til denne koden, blir innholdet automatisk formatert. Bruk datamaskinens tekst editor program å bruke en div i HTML-siden og style siden din, som du foretrekker.

Bruksanvisning

1 Start din tekst editor program og åpne HTML-dokumentet du vil legge til div til.

2 Plasser markøren før innholdet du formaterer og skriv en åpning "<div>" tag. Videre angir en avsluttende "</ div>" element på slutten av den berørte teksten. For eksempel vil bruke en div til en overskrift og avsnitt, skriver div kodene som følger:

<Div>

<H1> Overskrift </ h1>

<P> Dette er avsnittsteksten. </ P>

</ Div>

3 Skriv "style =" i begynnelsen div tag og følg denne med en ønsket stil attributt. For eksempel skriver "color:" og følg denne med en HTML-fargekode for å bestemme skyggen av teksten, eller skriv "margin-left:" og skriv inn en tallverdi i piksler (px) for å angi venstre marg av innholdet . Separer hvert attributt med semikolon og legge alle dine stiler mellom ett par anførselstegn. Å illustrere:

<Div style = "color: # C0C0C0; margin-left: 10px;">

4 Lagre dokumentet. Din komplette div koden ser ut som følgende eksempel:

<Div style = "color: # C0C0C0; margin-left: 10px;">

<H1> Overskrift </ h1>

<P> Dette er avsnittsteksten. </ P>

</ Div>