Što su HTML atributi ?

HTML atributi se koriste za proširivanje tagova. Ukratko rečeno, atributima možete dodatno opisati neki tag u smislu da mu date npr pozadinsku boju, visinu, širinu i sl.
Atributi se stavljaju u otvarajućem tagu, kao što sljedeći (class) primjer pokazuje:

Bez atributa:


Primjer atributa:

Osnovni atributi

1) Class i ID
<p class="nesto"> Tekst ovdje </p>
Ova dva atributa imaju skoro identičnu svrhu. Ne igraju nikakvu direktnu ulogu u formatiranju elementa već služe kao "pomagalo" za vanjske skripte, CSS stilove i sl. Razlika je što atribut Class možemo koristiti na koliko god želimo elemenata dok u pravilu ID je unikatan te se koristi za jedan element.
O CSS-u u ćemo govoriti u nastavku tutorijala, ovo ćemo iskoristiti za daljnje upoznavanje sa atributima.

2) Name
<input type="text" name="NazivOvdje" />
Ukoliko dodjelimo ime nekom elementu on postaje varijabla za skriptiranje u nekom jeziku poput Javascript, ASP i PHP. Naizgled nema promjene kod elementa kojemu damo neko ime, no u pozadini čini veliku razliku.

3) Title
<p title="HTML Title atribut"> Tekst ovdje </p>
Ovim atributom također možemo dodjeliti ime tj. naziv elementu no ključna je razlika u tome što ovaj atribut je vidljiv. Ukoliko nekom elementu dodjelite atribut Title, jednom kad mišem pređete preko tog elemente pojavit će se prozorčić u kojem će pisati ime tog elementa. Kvalitetno definirani Title atributi smatraju se veoma važnim prilikom optimizacije za tražilice, tzv. SEO - Search engine optimization.

4) Align
Align je često korišten atribut. Njime horizontalno pozicioniramo neki sadržaj. Uvelike svaki element u osnovi je pozicioniran lijevo, no to možemo promjeniti. Dodavanjem atributa align="center" nekom elementu rezultira time da tekst tog elementa bude horizontalno centriran. Evo par primjera kako se koristi:


će ispisati

Formatiranje

Kako idete dublje kroz razvoj web stranice, pojavljuje se i potreba za manjim izmjenama kod prikaza određenih elemenata. Za razliku od prošlog tutorijala gdje smo koristili atribute da bi uredili tagove, ovdje koristimo posebnu vrstu tagovi koji sa sobom donose neke promjene. Promjene poput podebljanog, nakrivljenog teksta i sl.

Osnovni primjeri formatiranja

<p> Odlomak - Paragraph </p>
<b> Podebljani tekst - Bold </b>
<i> Nakrivljen tekst - Italic </i>
<strong> "Jaki" tekst - Strong </strong>
^{Podignut tekst - Superscript}
_{Spušten tekst - Subscript}
<code> Tekst kompjuterskog koda - Code </code>