Jazyk HTML obsahuje množstvo prvkov. Patria sem bežne používané komponenty webových stránok napríklad odseky, nadpisy, odkazy a obrázky. Existuje aj niekoľko novších prvkov, ktoré boli zavedené s formátom HTML5, vrátane hlavičky, navigácie, päty a ďalších. Všetky tieto prvky HTML sa používajú na vytvorenie štruktúry dokumentu a na získanie jeho významu. Ak chcete prvkom dodať ešte väčší význam, môžete im dať atribúty.
Základná otváracia značka HTML začína znakom <. potom nasleduje n zna a nakoniec dopln znakom>. Napríklad otváracia značka odseku by bola napísaná takto:
Ak chcete do svojho súboru pridať atribút Značka HTML, najskôr vložíte medzeru za názov značky (v tomto prípade to je „p“). Potom by ste pridali názov atribútu, ktorý chcete použiť, za ktorým nasleduje znamienko rovnosti. Nakoniec by sa hodnota atribútu vložila do úvodzoviek. Napríklad:
Značky môžu mať viac atribútov. Každý atribút by ste oddelili od ostatných medzerou.
Prvky s požadovanými atribútmi
Niektoré prvky HTML skutočne vyžadujú atribúty, ak chcete, aby fungovali podľa očakávania. Prvok obrázku a prvok odkazu sú dva príklady.
The prvok obrázka vyžaduje atribút „src“. Tento atribút informuje prehliadač, ktorý obrázok chcete na danom mieste použiť. Hodnota atribútu by bola cesta k súboru k súboru. Napríklad:
Všimnete si, že k tomuto prvku sme pridali ďalší atribút, atribút „alt“ alebo alternatívny text. Toto nie je technicky požadovaný atribút pre obrázky, ale je osvedčeným postupom tento obsah vždy zahrnúť kvôli dostupnosti. Text uvedený v hodnote atribútu alt je text, ktorý sa zobrazí, ak obrázok sa nepodarilo načítať z nejakého dôvodu.
Ďalším prvkom, ktorý vyžaduje špecifické atribúty, je značka ukotvenia alebo odkazu. Tento prvok musí obsahovať atribút „href“, ktorý znamená „hypertextový odkaz.“ To je efektný spôsob, ako povedať „kde tento odkaz by mal ísť. “Rovnako ako element obrázka potrebuje vedieť, ktorý obrázok sa má načítať, musí značka odkazu vedieť, kde sa mu má páčiť do. Takto môže vyzerať značka odkazu:
Tento odkaz by teraz priviedol osobu na webovú stránku uvedenú v hodnote atribútu. V tomto prípade je to hlavná stránka Dotdash.
Atribúty ako háčiky CSS
Ďalšie použitie atribútov je, keď sa používajú ako „háky“ na Štýly CSS. Pretože webové štandardy diktujú, že by ste mali udržiavať štruktúru svojej stránky (HTML) oddelenú od jej štýlov (CSS), pomocou týchto hákov atribútov v CSS diktujete, ako sa štruktúrovaná stránka zobrazí na webe prehliadač. Tento kúsok značky môžete mať napríklad v dokumente HTML.
Ak by ste chceli, aby toto rozdelenie malo čiernu farbu pozadia (# 000) a veľkosť písma 1,5 em, pridali by ste do svojho CSS toto:
.featured {background-color: # 000; veľkosť písma: 1.5em;}
Atribút triedy „Featured“ slúži ako háčik, ktorý používame v CSS na aplikáciu štýlov v tejto oblasti. Ak by sme chceli, mohli by sme tu použiť aj atribút ID. Triedy aj identifikátory ID sú univerzálnymi atribútmi, čo znamená, že ich možno pridať k ľubovoľnému prvku. Môžu byť tiež zacielené na konkrétne štýly CSS na určenie vizuálneho vzhľadu tohto prvku.
Pokiaľ ide o Javascript
Napokon, použitie atribútov na určitých prvkoch HTML je tiež niečo, čo môžete použiť v Javascripti. Ak máte skript, ktorý hľadá prvok so špecifickým atribútom ID, je to ešte ďalšie použitie tejto bežnej časti jazyka HTML.