Jazyk HTML obsahuje řadu prvků. Patří mezi ně běžně používané komponenty webových stránek jako odstavce, nadpisy, odkazy a obrázky. Existuje také řada novějších prvků, které byly zavedeny s HTML5, včetně záhlaví, navigace, zápatí a dalších. Všechny tyto prvky HTML se používají k vytvoření struktury dokumentu a uvedení jeho významu. Chcete-li prvkům přidat ještě větší význam, můžete jim dát atributy.
Základní otevírací značka HTML začíná znakem <. za n zna a nakonec dopln znakem>. Například otevírací značka odstavce by byla napsána takto:
Chcete-li přidat atribut do svého Značka HTML, nejprve vložíte mezeru za název značky (v tomto případě je to „p“). Pak byste přidali název atributu, který chcete použít, následovaný znaménkem rovná se. Nakonec by byla hodnota atributu umístěna do uvozovek. Například:
Značky mohou mít více atributů. Každý atribut byste oddělili od ostatních mezerou.
Prvky s požadovanými atributy
Některé prvky HTML ve skutečnosti vyžadují atributy, pokud chcete, aby fungovaly tak, jak bylo zamýšleno. Obrázek a odkaz jsou dva příklady.
The prvek obrázku vyžaduje atribut „src“. Tento atribut informuje prohlížeč, který obrázek chcete v daném umístění použít. Hodnota atributu by byla cesta k souboru k souboru. Například:
Všimnete si, že jsme tomuto prvku přidali další atribut, atribut „alt“ nebo alternativní text. Toto není technicky povinný atribut pro obrázky, ale je osvědčeným postupem vždy zahrnout tento obsah pro usnadnění přístupu. Text uvedený v hodnotě atributu alt je to, co se zobrazí, pokud obrázek se nepodařilo načíst z nějakého důvodu.
Dalším prvkem, který vyžaduje specifické atributy, je značka ukotvení nebo odkazu. Tento prvek musí obsahovat atribut „href“, který znamená „hypertextový odkaz“. To je fantazijní způsob, jak říci „kde tento odkaz by měl jít. “Stejně jako element obrázku potřebuje vědět, který obrázek se má načíst, značka odkazu musí vědět, kde by se mu to líbilo na. Takto může značka odkazu vypadat:
Tento odkaz by nyní přivedl člověka na web uvedený v hodnotě atributu. V tomto případě se jedná o hlavní stránku Dotdash.
Atributy jako háčky CSS
Další použití atributů je, když jsou použity jako „háčky“ pro Styly CSS. Protože webové standardy diktují, že byste měli udržovat strukturu své stránky (HTML) oddělenou od jejích stylů (CSS), pomocí těchto háčků atributů v CSS diktujete, jak se strukturovaná stránka zobrazí na webu prohlížeč. Tento kousek značky byste například mohli mít ve svém dokumentu HTML.
Pokud byste chtěli, aby toto rozdělení mělo barvu pozadí černé (# 000) a velikost písma 1.5em, přidali byste toto do svého CSS:
.featured {background-color: # 000; velikost písma: 1.5em;}
Atribut třídy „Featured“ funguje jako háček, který používáme v CSS k aplikaci stylů na tuto oblast. Pokud bychom chtěli, mohli bychom zde také použít atribut ID. Obě třídy a ID jsou univerzální atributy, což znamená, že je lze přidat k jakémukoli prvku. Mohou také být zaměřeny na konkrétní styly CSS, aby se určil vizuální vzhled daného prvku.
Pokud jde o Javascript
A konečně, použití atributů na určitých prvcích HTML je také něco, co můžete použít v Javascript. Pokud máte skript, který hledá prvek se specifickým atributem ID, je to ještě další použití této běžné části jazyka HTML.