Jazyk HTML obsahuje množstvo prvkov. Patria sem bežne používané komponenty webových stránok, ako sú odseky, nadpisy, odkazy a obrázky. Existuje tiež niekoľko novších prvkov, ktoré boli zavedené s HTML5, vrátane hlavičky, nav, zápätia a ďalšie. Všetky tieto prvky HTML sa používajú na vytvorenie štruktúry dokumentu a jeho význam. Ak chcete pridať ešte väčší význam elementom, môžete im dať atribúty.
Základná značka otvárania HTML začína znakom <. Po ňom nasleduje názov značky a napokon dokončíte značku s znakom>. Napríklad značka úvodného odseku bude napísaná takto:
Ak chcete pridať atribút do vašej značky HTML, najskôr vložte medzeru za názov značky (v tomto prípade je to "p"). Potom by ste pridali názov atribútu, ktorý chcete použiť, za ktorým nasleduje označenie rovnosti. Nakoniec by sa hodnota atribútu umiestnila do úvodzoviek. Napríklad:
Štítky môžu mať viacero atribútov. Každý atribút by ste oddelili od ostatných s medzerou.
Prvky s požadovanými atribútmi
Niektoré prvky HTML skutočne vyžadujú atribúty, ak chcete, aby fungovali podľa určenia. Prvok obrázku a prvok odkazu sú dva príklady.
Element obrázka vyžaduje atribút "src". Tento atribút informuje prehliadač, ktorý obrázok chcete použiť v danom umiestnení. Hodnota atribútu by bola cesta k súboru. Napríklad:
Všimnete si, že som do tohto prvku pridal ďalší atribút, atribút "alt" alebo alternatívny text. To nie je technicky požadovaný atribút pre obrázky, ale je najlepšou praxou, aby bol tento obsah vždy prístupný. Text, ktorý je uvedený v hodnote atribútu alt, je to, čo sa zobrazí, ak sa obrázok z nejakého dôvodu nedá načítať .
Ďalším prvkom, ktorý vyžaduje špecifické atribúty, je značka kotvy alebo odkaz. Tento prvok musí obsahovať atribút "href", čo znamená "hypertextový odkaz". To je fantastický spôsob, ako povedať "kde by tento odkaz mal ísť". Rovnako ako prvok obrazu potrebuje vedieť, ktorý obrázok sa má načítať, značka odkazu vedieť, kde by to mohlo byť. Tu je spôsob, ako môže vyzerať značka odkazu:
Tento odkaz by priniesol osobu na webovú stránku špecifikovanú v hodnote atribútu. V tomto prípade je to hlavná stránka.
Atribúty ako háčiky CSS
Ďalšie použitie atribútov je, keď sa používajú ako "háčiky" pre štýly CSS. Vzhľadom na to, že webové štandardy diktujú, že by ste mali udržiavať štruktúru vašej stránky (HTML) oddelene od svojich štýlov (CSS), použijete tieto atribúty hákov v CSS, aby ste diktovali, ako sa štruktúrovaná stránka zobrazí vo webovom prehliadači. Napríklad by ste mohli mať tento kus značiek vo vašom HTML dokumente.
Ak chcete, aby divízia mala farbu pozadia čiernej (# 000) a veľkosť písma 1,5, pridajte to do vášho CSS:
.featured {background-color: # 000; veľkosť písma: 1.5m;}Atribút "featured" triedy slúži ako hák, ktorý používame v CSS na používanie štýlov v tejto oblasti. Mohli by sme tu tiež získať atribút ID, ak by sme chceli. Obe triedy a ID sú univerzálne atribúty, čo znamená, že sa dajú pridať k akémukoľvek prvku. Môžu byť obaja zamerané na špecifické štýly CSS na určenie vizuálneho vzhľadu tohto prvku.
Pokiaľ ide o Javascript
Napokon, používanie atribútov na niektorých prvkoch HTML je tiež niečo, čo môžete používať v jazyku Javascript. Ak máte skript, ktorý hľadá prvok s konkrétnym atribútom ID, je to ďalšie použitie tohto bežného kusu jazyka HTML.