Određene atribute (tzv. globalne atribute) moguće je postaviti na bilo koji HTML-element.
Atributi pružaju dodatne informacije o elementima
Atributi su uvijek navedeni u početnoj oznaci
Atributi obično dolaze u parovima ime / vrijednost poput: name = "value"
| Atribut | Objašnjenje |
|---|---|
| id | Identifikator elementa koji se koristi za referenciranje elementa u CSS-u i JavaScriptu. Treba biti jedinstven i na razini stranice |
| class | Klasa elementa koja se koristi za referenciranje elemenata u CSS-u i JavaScriptu. Na stranici može biti više elemenata koji imaju istu klasu |
| Title | Dodatne informacije o elementu. Najčešće se radi o opisu elementa koji će biti prikazan kad korisnik prijeđe mišem preko elementa (u tooltipu). |
| style | Atribut preko kojega je moguće postaviti inline CSS-pravila na neki element. |
| Lang |
Jezik elementa. Najčešće se postavlja na razini cijele stranice tako da se postavi na elementu HTML, ali moguće ga je postaviti na drugim elementima. Vrijednosti su oznake jezika. Npr. hr, en, de |
<!DOCTYPE html>
<html lang="en">
Uvijek trebate uključiti atribut lang unutar oznake <html> da biste deklarirali jezik web stranice. To je cilj da se pomogne tražilicama i preglednicima.
<head>
<title>Page Title</title>
</head>
<body>
<a href="https://www.w3schools.com">Visit W3Schools</a>
Oznaka <a> definira hipervezu. Atribut href određuje URL stranice na koju poveznica ide.
<img src="img_girl.jpg">
Oznaka <img> koristi se za umetanje slike u HTML stranicu. Atribut src određuje put do slike koja će se prikazati.
<img src="img_girl.jpg" width="500" height="600">
Oznaka <img> također treba sadržavati atribute width i height, koja određuje širinu i visinu slike (u pikselima).
<img src="img_girl.jpg" alt="Girl with a jacket">
Potrebni alt atribut za <img> oznaku određuje alternativni tekst za sliku, ako se slika iz nekog razloga ne može prikazati. Ovo može biti zbog sporog povezivanja ili pogreške u atributu src ili ako korisnik koristi čitač zaslona.
<p style="color:red;">This is a red paragraph.</p>
Atribut style koristi se za dodavanje stilova elementu, kao što su boja, font, veličina i više.
<p title="I'm a tooltip">This is a paragraph.</p>
Atribut title definira neke dodatne informacije o elementu. Kada mišem pređete preko elementa, vrijednost naslovnog atributa bit će prikazana kao opis.
</body>
</html>