Š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:
<p> Tekst ovdje </p>

Primjer atributa:
<p class="nesto"> Tekst ovdje </p>

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:
<p align="left"> Tekst pozicioniran lijevo </p>
<p align="center"> Tekst pozicioniran u sredini </p>
<p align="right"> Tekst pozicioniran desno </p>

ispisati će
Tekst pozicioniran lijevo
                                     Tekst pozicioniran u sredini
                                                                               Tekst pozicioniran desno