HTML Tutorial

HTML-tagg: <div>

Användning av <div>

<div>-taggen används för att gruppera innehåll på en webbsida. Den är en blocknivåelement, vilket innebär att den tar upp hela bredden på sin överordnade element.

-taggen har inga semantiska betydelser, men den kan användas för att lägga till visuell struktur till en webbsida.

Attribut hos <div>

<div>-taggen har ett antal attribut som kan användas för att styla den. De vanligaste attributen är:

  • id: Ett unikt ID för <div>-taggen.
  • class: Ett eller flera klassnamn för <div>-taggen.
  • style: Används för att ange CSS-stilar för <div>-taggen.
  • align: Justerar <div>-taggen horisontellt.

Exempel med <div>

<div id="main">
  <h1>Rubrik</h1>
  <p>Innehåll</p>
</div>

Utforska <div>-taggen

Följande HTML-exempel visar hur <div>-taggen kan användas för att gruppera innehåll på en webbsida:

<!DOCTYPE html>
<html>
<head>
  <title>Exploring the <div> tag</title>
</head>
<body>
  <div id="container">
    <h1>Rubrik</h1>
    <p>Innehåll</p>
  </div>
</body>
</html>

I detta exempel skapar <div>-taggen en behållare med ett ID på "container". Behållaren innehåller en rubrik med texten "Rubrik" och ett stycke med texten "Innehåll". Behållaren tar upp hela bredden på webbsidan och ger en visuell struktur till innehållet.