#1 O atributech
Každý prvek může obsahovat atributy – ty dodávají o prvku další informace. Atributy jsou vždy specifikované v počátečním tagu, nikdy v tagu ukončovacím. Klasická podoba atributu je jmeno="hodnota".
Atributy často doplňují dodatečné informace. U odkazu adresu, kam má odkaz směřovat, u obrázků jejich zdroj, někdy také šířku a výšku a další.
#2 Nejčastější atributy
Atribut href u odkazu
Odkaz na stránce potřebuje někam směřovat. Může se jednat o adresu mimo prostor stránky nebo se jedná pouze o odkaz například na jinou sekci na vaší stránce.
<!-- Externí odkaz -->
<a href="https://piskod.cz">Odkaz na web</a>
<!-- Interní root odkaz -->
<a href="/tutorialy/html.html">Odkaz na HTML tutoriál</a>
<!-- Interní relevantní odkaz -->
<a href="../index.html">Odkaz na hlavní stránku, která je o jeden adresář výše</a>
Atributy u obrázků
Nejčastější atributy u obrázků jsou jeho zdroj, výška, šířka a popis.
- src – zdroj obrázku v adresáři webové stránky
- width – specifikace šířky obrázku
- height – specifikace výšky obrázku
- alt – specifikace popisku obrázku, zejména vhodné pro zlepšení přístupu na stránky osobám s omezeními
<img src="/img/logo.png" alt="Logo společnosti">
<img width="120" height="240">
Atribut pro stylování
Atribut <style> specifikuje styly, jako například barvu, font, velikost, pro daný prvek.
<p style="color: blue;">Modrý odstavec</p>
<h3 style="background-color: red;">Nadpis s červeným pozadím</h3>
Popis, atribut title
Atribut title definuje popisek o daném prvku, který se objeví po najetí myši nad daný prvek, tzv. „tooltip“.
<p title="Odstavec">Kousek textu</p>