Gå til innhold

Hva betyr <div>


Anbefalte innlegg

Start med html, og før inn CSS ettervært som du trenger mere og mere formatering. Kommer veldigt langt med kun de to.

 

Vil også anbefale det å skrive i notepad eller lignende. Da lærer du hvordan ting henger sammen, i tillegg til at du får kode du kan finne frem i selv.

 

Vil også anbefale siden w3schools. Mye god info om hva kode gjør og eksempler på hvordan den kan brukes.

Lenke til kommentar
Videoannonse
Annonse

Divisjon betyr oppdeling eller oppstykking. DIV-taggen er altså noe du bruker til å dele opp/bryte opp nettsider i mindre biter. Eksempelvis en firmalogo på toppen av siden som er adskilt fra resten av innholdet lengre ned på siden.

 

Du kan putte så si alle andre gyldige HTML-tagger inni en DIV-tag:

 

<div>
  <a href="https://www.diskusjon.no/">Lenke</a>
  <br/>
  <p>Paragraf</p>
  <ul>
     <li>Liste-ting 1</li>
     <li>Liste-ting 2</li>
  <ul>

  Osv...
</div>

 

En liste over samtlige gyldige HTML-tagger finner du her: HTML 4.01 / XHTML 1.0 Reference :)

Lenke til kommentar

<div> er å anse som en boks du kan putte andre elementer i

Som feks?

 

Det kan være feks være bilder, eller som ovenfor det jeg skriver her: tekst. Jeg vil tro at den grønne boksen som du ser ovenfor med ditt spørsmål (Som feks?) er en div. Tidligere ble det laget tabeller (ofte med skjulte kantlinjer) for å kunne plassere ting og tang rundt om på en webside, slik du ville, men nå brukes altså div.

 

Med div kan du gjøre/endre en hel masse. For eksempel kunne du tatt den grønne boksen ovenfor og fjernet fargene og kantene, slik at kun teksten inne i boksen vistes. Du kan halvere bredden på boksen om du vil, og deretter kan du sentrere teksten om du ønsker, legge på bakgrunnsfarge eller et bilde som bakgrunn inne i boksen, osv...

 

Som regel brukes div "alltid" i stedenfor tabeller, bort sett fra når det er akkurat det: en tabell. (Slik du feks ser på VG når du ser oversikten over hvordan det ligger ann med ManU på tabellen...).

 

Håper dette også var til hjelp! :)

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...