CSS eta HTML Oinarriak: Unitateak, Kaxa Eredua, Posizionamendua eta Formularioak

CSS eta HTML Oinarriak

Neurri-unitateak

CSS-n honako neurri-unitate hauek erabil daitezke:

• in (pulgadak)
• cm (zentimetroak)
• mm (milimetroak)
• pt (puntuak)
• pc (pikak)

Unitate erlatiboak

• em: letra-tamainaren erlatiboa, elementuaren letra-tamainarekiko. Adibidez, 12pt-ko tipografia batean, 1em = 12pt eta 0.5em = 6pt.
• ex: elementuaren letra-tipoaren eta tamainaren x letraren altueraren erlatiboa.
• px (pixela): pantailaren bereizmenarekiko erlatiboa, orria bistaratzen ari den gailuan.

Koloreak

Kolorea adierazteko modu batzuk: color: blue edo #c0c0c0.

Kaxa eredua

• Edukia (content): HTML elementuaren edukia.
• Betegarria (padding): edukiaren eta ertzaren arteko espazioa.
• Ertza (border): edukia eta betegarria inguratzen dituen lerroa.
• Atzeko irudia (background image): edukiaren eta betegarriaren atzean agertzen den irudia.
• Atzeko kolorea (background color): edukiaren eta betegarriaren atzean agertzen den kolorea.
• Marjina (margin): kaxaren eta beste kaxen arteko banaketa.

Posizionamendua

• Estatikoa edo normala: nabigatzaileek lehenetsita erabiltzen dutena.
• Erlatiboa: kaxa estatikoki posizionatzen da, baina bere kokapen estatikotik desplazamendu erlatiboa ezartzen da.
• Absolutua: kaxaren posizioa edukitzen duen elementuarekiko ezartzen da. Gainerako elementuek posizio hori ez dute kontuan hartzen.
• Finkoa: absolutuaren aldaera bat, non kaxa pantailan finkatuta geratzen den. Dokumentua mugitzen denean ere, elementua ez da mugituko.
• Flotatzailea: kaxa fluxu normaletik ateratzen da (hurrengoek haren lekua hartzen dute) eta orriaren ezkerreko edo eskuineko ertzetik ahalik eta gehien hurbil kokatzen da. Flotatzaile kaxek beste flotatzaile kaxa batzuk kontuan hartzen dituzte.

position propietatea

position propietateak elementuaren posizionamendu mota hautatzen du. Balio hauek hartu ditzake: static (estatikoa), relative (erlatiboa), absolute (absolutua) eta fixed (finkoa).

HTML Formularioak

<form> elementua

Orrian formulario bat txertatzeko erabiltzen da.

Atributuak

• action = "url": formularioaren datuak prozesatzeko arduratzen den URL-a adierazten du.
• method = "POST" edo "GET": formularioa bidaltzeko erabiltzen den HTTP metodoa adierazten du.

<input> elementua

Formulario batean kontrol bat txertatzeko erabiltzen da.

type atributua

Formularioan erabiltzen den kontrol mota adierazten du: text | password | checkbox | radio | submit | reset | file | hidden | image | button.

• text: testu-eremua.
• password: pasahitz-eremua.
• checkbox: kontrol-laukia.
• radio: aukera-botoia (adibidez, sexua: gizonezkoa, emakumezkoa).
• submit: formularioa zerbitzarira bidaltzeko botoia.
• reset: formularioa hasierako egoerara itzultzeko botoia.
• file: fitxategia igotzeko kontrola.
• hidden: formularioan informazio ezkutua gehitzeko erabiltzen da.
• image: irudi batez pertsonalizatutako botoia.
• button: botoia.

Beste atributuak

• name = "testua": kontrolari izena esleitzen dio (ezinbestekoa zerbitzariak formularioa prozesatu ahal izateko).
• value = "testua": kontrolaren hasierako balioa.
• alt = "testua": kontrolaren deskribapena.

<textarea> elementua

Formulario batean testu-eremu zabala txertatzeko erabiltzen da.

Atributuak

• rows = "zenbakia": testu-eremuak bistaratuko dituen errenkada kopurua.
• cols = "zenbakia": testu-eremuak bistaratuko dituen zutabe kopurua.

<select> elementua

Formulario batean zerrenda jaisgarria txertatzeko erabiltzen da.

Atributuak

• size = "zenbakia": bistaratuko diren zerrendako errenkada kopurua (lehenetsia, bat).
• multiple = "multiple": hau sartzen bada, elementu bat baino gehiago hautatzea onartzen du.

<option> elementua

Zerrenda jaisgarriko elementu bakoitza definitzeko erabiltzen da.

Atributuak

• selected = "selected": orria kargatzean elementua lehenetsita hautatuta agertzen den adierazten du.
• value = "testua": erabiltzaileak aukera hori hautatzen duenean zerbitzarira bidaltzen den balioa.