HTML svojstva

Svojstva html elemenata

Svojstvo i njegovu vrijednost umećemo unutar početne oznake html elementa.

Naziv svojstva se piše malim slovima. Preporučuje se vrijednost svojstva umetnuti unutar navodnika.

Početnoj oznaci možemo dodijeliti više svojstava. Svojstva međusobno odvajamo razmakom. Nije važan redoslijed navođenja svojstava.

Neki elementi nemaju značenja ako ne sadrže niti jedno svojstva. Na primjer html element <img />.

<img src="karta.jpg" alt="Karta grada Zagreba"/>

Ime svojstva je src, a dodijeljena mu je vrijednost karta.jpg. Drugo svojstvo je alt, a njemu je dodijeljena vrijednost Karta grada Zagreba.

Html element <img /> ne može prikazati sliku, bez svojstva src. Bez ovog svojstva on ne zna, koju sliku treba prikazati.

Standardna svojstva

Neka od standardnih svojstava html elemenata su:

Svojstvo title

Svojstvo title u početnoj oznaci određuje tekst koji će se pojaviti u natpisu (engl. tooltip), kada se pokazivač miša nađe iznad html elementa. U našem primjeru prikazat će se tekst Upute za korisnika.

Želite li saznati kako izgleda tekst u natpisu, postavite miš na donji primjer i vidjet ćete.

<p title="Upute za korisnika">

<title> i title

Potrebno je razlikovati html element <title>, od standardnog svojstva title. Iako imaju isto ime, različita im je zadaća na web stranici i ne treba ih miješati.

Svojstvo style

Pomoću svojstva style dodjeljujemo html elementu, jedno ili više css oblikovanja. Međusobno ih odvajamo točka-zarezom (u ovom primjeru smo promijenili boju teksta odlomka u bijelu i boju pozadine u plavu).

<p style="color: white; background-color: blue;">

Svojstvo class

Korištenjem svojstva class dodjeljujemo elementu naziv klase, u ovom primjeru redak.

<p class="redak">

Svojstvu class možemo dodijeliti i više vrijednosti. Pojedine vrijednosti odvajamo razmakom. U donjem primjeru, dodijelili smo tri vrijednosti naziva klase: col-lg-3, col-md-4 i col-sm-12.

<div class="col-lg-3 col-md-4 col-sm-12">

Svojstvo id

Korištenjem svojstva id elementu dodjeljujemo vrijednost identifikatora. Ova vrijednost treba biti jedinstvena u html dokumentu, u ovom primjeru spremnik.

<p id="spremnik">

Možda će vas zanimati?