Jazyk HTML obsahuje řadu prvků. Patří sem běžně používané komponenty webových stránek, jako jsou odstavce, nadpisy, odkazy a obrázky. Existuje také řada novějších prvků, které byly zavedeny s kódem HTML5, včetně hlavičky, navigace, zápatí a dalších. Všechny tyto prvky HTML se používají k vytvoření struktury dokumentu a jeho významu. Chcete-li do prvků přidat ještě větší význam, můžete jim dát atributy.
Základní značka otevírání HTML začíná znakem <. Po ní následuje název značky a konečně doplníte značku znakem>. Například tag začínajícího odstavce bude napsán takto:
Chcete-li do značky HTML přidat atribut, nejprve vložte místo za název značky (v tomto případě je to "p"). Poté byste přidali název atributu, který chcete použít, za kterým následuje znaménko rovnosti. Nakonec bude atributová hodnota umístěna v uvozovkách. Například:
Tagy mohou mít více atributů. Oddělíte každý atribut od ostatních s mezerou.
Prvky s požadovanými atributy
Některé prvky HTML skutečně vyžadují atributy, pokud chcete, aby fungovaly podle určení. Prvek obrázku a element odkazu jsou dva příklady.
Prvek obrázku vyžaduje atribut "src". Tento atribut informuje prohlížeč, který snímek chcete použít v daném místě. Hodnota atributu by byla cesta k souboru. Například:
Všimnete si, že jsem do tohoto prvku přidal další atribut, atribut "alt" nebo alternativní text. To není technicky požadovaný atribut pro obrázky, ale nejlepší praxou je, aby byl tento obsah vždy přístupný. Text, který je uveden v hodnotě atributu alt, je to, co se zobrazí, pokud se obrázek z nějakého důvodu nezavede .
Dalším prvkem, který vyžaduje specifické atributy, je značka kotvy nebo odkazu. Tento prvek musí obsahovat atribut "href", což znamená "hypertextový odkaz". To je fantazijní způsob, jak říkat "kam má tento odkaz jít". Stejně jako element obrázku potřebuje vědět, který snímek se má načíst, značka odkazu vědět, kam by to mohlo být. Zde je způsob, jak může vypadat značka odkazu:
Tento odkaz by nyní přivedl osobu na webovou stránku specifikovanou v hodnotě atributu. V tomto případě je to hlavní stránka.
Atributy jako háčky CSS
Další použití atributů je, když se používají jako "háčky" pro styly CSS. Vzhledem k tomu, že webové standardy diktují, že byste měli zachovat strukturu stránky (HTML) odděleně od stylů (CSS), použijete tyto atributy háků v CSS, abyste diktovali, jak se strukturovaná stránka zobrazí ve webovém prohlížeči. Například byste mohl mít tento kus značek ve vašem HTML dokumentu.
Pokud byste chtěli, aby divize měla barvu pozadí černé (# 000) a velikost písma 1,5, přidala by to do vašeho CSS:
.featured {barva pozadí: # 000; velikost písma: 1.5em;}Atribut třídy "Featured" se chová jako hák, který používáme v CSS pro použití stylů v této oblasti. Mohli bychom zde také získat atribut ID, pokud bychom chtěli. Obě třídy a ID jsou univerzální atributy, což znamená, že mohou být přidány k libovolnému prvku. Mohou být oba cílené se specifickými styly CSS, které určují vizuální vzhled tohoto prvku.
Pokud jde o Javascript
Konečně, použití atributů na určitých prvcích HTML je také něco, co můžete použít v Javascriptu. Pokud máte skript, který hledá prvek s určitým atributem ID, je to další použití tohoto společného dílu jazyka HTML.