vsebina ali razdelek dokumenta

vsebina ali razdelek dokumenta

X

Oznaka <div>

Oznaka <div> definira razdelek ali vsebino HTML dokumenta. Uporablja se kot vsebnik za HTML elemente, ki se nato oblikujejo s CSS ali manipulirajo z JavaScript. Oznako <div> enostavno oblikujemo z uporabo atributa class ali id. Znotraj oznake lahko vstavimo kakršno koli vsebino. Brskalnik vedno postavi prelom vrstice pred in za elementom.

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>vsebina ali razdelek dokumenta</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<style>
        .prvi {
            display: block;
            width: 75%;
            height: auto;
            background: lightblue;
            border: 2px solid blue;
            padding: 10px;
            margin-bottom: 20px;
        }
        #drugi {
            display: inline-block;
            width: 50%;
            height: auto;
            background: yellow;
            color: red;
            border: 4px double orange;
            border-radius: 16px;
            padding: 10px;
        }
    </style>
</head>
<body>
<div class="prvi">
    <p>Lorem Ipsum je slepi tekst, ki se uporablja pri razvoju tipografij in pri pripravi za tisk. Lorem Ipsum je v
        uporabi že več kot petsto let, saj je to kombinacijo znakov neznani tiskar združil v vzorčno knjigo že v
        začetku 16. stoletja. To besedilo pa ni zgolj preživelo pet stoletij, temveč se je z malenkostnimi spremembami
        uspešno uveljavilo tudi v elektronskem namiznem založništvu. Na priljubljenosti je Lorem Ipsum pridobil v
        sedemdesetih letih prejšnjega stoletja, ko so na trg lansirali Letraset folije z Lorem Ipsum odstavki. V zadnjem
        času se Lorem Ipsum pojavlja tudi v priljubljenih programih za namizno založništvo kot je na primer Aldus
        PageMaker.</p>
</div>
<div id="drugi">
    <p>Lorem Ipsum je slepi tekst, ki se uporablja pri razvoju tipografij in pri pripravi za tisk. Lorem Ipsum je v
        uporabi že več kot petsto let, saj je to kombinacijo znakov neznani tiskar združil v vzorčno knjigo že v
        začetku 16. stoletja. To besedilo pa ni zgolj preživelo pet stoletij, temveč se je z malenkostnimi spremembami
        uspešno uveljavilo tudi v elektronskem namiznem založništvu. Na priljubljenosti je Lorem Ipsum pridobil v
        sedemdesetih letih prejšnjega stoletja, ko so na trg lansirali Letraset folije z Lorem Ipsum odstavki. V zadnjem
        času se Lorem Ipsum pojavlja tudi v priljubljenih programih za namizno založništvo kot je na primer Aldus
        PageMaker.</p>
</div>
<div>
    <p>Če oznako div uporabimo brez sloga, se prikaže kot čisto navadno besedilo. Za manipuliranje skupaj z JavaScript
        ali CSS moramo nujno uporabiti id ali class (slo. Razred).</p>
</div>
</body>
</html>