HTML žymė - div

Lukas

div žymė nurodo sekciją dokumente, naudojama kaip konteineris kitiems elementams. Išdėliojimas yra keičiamas CSS stilių pagalba.

Pavyzdys

1
2
3

<html>
<head>
<style type="text/css">

* {
    border:1px solid #999;
}
 
#centravimui {
    width:500px;
    margin:0px auto;
}
#antraste {
    width:100%;
    height:100px;
}
#meniu {
    width:100%;
    height:30px;
    text-align:center;
}
#kaire {
    width:150px;
    float:left;
    height:200px;
}
#pagrindinis {
    width:340px;
    float:right;
    height:400px;
}
#apacia {
    width:100%;
    clear:both;
    height:30px;
}

</style>
</head>
<body>
<div id="centravimui">
  <div id="antraste">antraste</div>
  <div id="meniu">meniu</div>
  <div id="kaire">kaire</div>
  <div id="pagrindinis">pagrindinis</div>
  <div id="apacia">apacia</div>
</div>
</body>
</html>

Naršyklių palaikymas

div žymę palaiko visos pagrindinės naršyklės

div žymės atributai

Atributas	Reikšmė	Aprašymas	DTD
align	left right center justify	Nevartotinas. Naudokite CSS stilius. Nurodo elemento turinio lygiavimą.	TF
Standartiniai atributai
class	klasės_vardas	Nurodo kokiai klasei priklauso elementas	STF
dir	rtl ltr	Nurodo teksto kryptį elemente ltr (left to right) - iš kairės i dešinę, rtl (right to left) - iš dešinės į kairę	STF
id	id	Nurodo unikalų elemento id numerį ar pavadinimą	STF
lang	kalbos_kodas	Nurodo kalbos kodą, jei reikia nurodyti kokia kalba yra pateiktas elemento turinys	STF
style	stiliaus_taisyklės (css)	Nurodo vidinį elemento stilių naudojant css stiliaus taisykles	STF
title	tekstas	Nurodo papildomą elemento informaciją	STF
xml:lang	kalbos_kodas	Nurodo kalbos kodą xhtml dokumento elemento turiniui	STF

Paaiškinimai: DTD indeksas - nurodo su kokiais dokumentų tipais galime naudoti konkretų atributą. S - Strict, T - Transitional, F - Frameset

žiūrėti visus standartinius atributus

div žymės palaikomi įvykiai

Atributas	Reikšmė	Aprašymas
onclick	skriptas	Skriptas bus vykdomas, kai vartotojas paspaus su pele ant elemento
ondblclick	skriptas	Skriptas bus vykdomas, kai vartotojas du kartus paspaus su pele ant elemento
onmousedown	skriptas	Skriptas bus vykdomas, kai vartotojas įspaus pelės mygtuką
onmousemove	skriptas	Skriptas bus vykdomas, kai vartotojas su pele užeis ant elemento
onmouseout	skriptas	Skriptas bus vykdomas, kai vartotojas su pele nueis nuo elemento
onmouseover	skriptas	Skriptas bus vykdomas, kai vartotojas su pele judės ant elemento
onmouseup	skriptas	Skriptas bus vykdomas, kai vartotojas atleis įspaustą pelės mygtuką
onkeydown	skriptas	Skriptas bus vykdomas, kai vartotojas įspaus mygtuką su klaviatūra
onkeypress	skriptas	Skriptas bus vykdomas, kai vartotojas paspaus ir atleis mygtuką su klaviatūra
onkeyup	skriptas	Skriptas bus vykdomas, kai vartotojas atleis paspaustą mygtuką su klaviatūra