Co je to značka HTML v HTML?
Při vytváření webové stránky pomocí HTML se značka obrázku používá k vložení fotografie nebo grafiky na konkrétní místo na stránce. Existuje mnoho způsobů, jak lze obrázky použít na webových stránkách, od zvýšení zájmu po použití jako navigačního nástroje nebo poskytování informací. Existuje také několik různých formátů obrázků, které lze použít. Bez ohledu na to, jak nebo jaký obrázek se přidá na webovou stránku, značka obrázku je vždy vyžadována.
Chcete-li přidat obrázek, zahrnuje se značka obrázku tam, kde se má obrázek na vaší stránce objevit. Například, pokud by měl být obrázek vložen po tomto odstavci, značka obrázku nebo <img> by byla přidána do dokumentu HTML po tomto odstavci. Značka <img> definuje všechny obrázky v HTML. Je označována jako prázdná značka, protože obsahuje atributy a nemá žádnou závěrečnou značku. Atributy jsou volby, které jsou k dispozici pro konkrétní značku HTML.
Pokud byl do dokumentu HTML přidán pouze <img>, nic by se nezobrazilo, protože atributy značky nebyly zahrnuty. Nejdůležitější atribut pro <img> je "src", což je zkratka pro zdroj. Atribut src uvádí, kde je obrazový soubor skutečně umístěn, nebo je to adresa obrazového souboru. Protože se obrázek používá na webové stránce, bude umístění obrázku uvedeno jako URL. V dokumentu HTML by obrázek vypadal takto: <img src = "URL" />.
Konkrétně URL odkazuje na místo, kde je obraz uložen. Pokud by byl například obrázek počítače s názvem computer.jpg uložen do složky obrázků na www.wisegeek.com, adresa URL by byla nahrazena: <img src = "www.wisegeek.com/images/computer. jpg "/>. Když prohlížeč otevře webovou stránku, zobrazí obrázek, kde je zahrnuta značka obrázku.
Značka obrázku má řadu dalších různých atributů. Umožňují uživateli upravit vzhled obrázku na stránce. Pro tuto značku se běžně používají následující atributy: alt, ohraničení, velikost a zarovnání.
Atribut alt je zkratkou alternativního textu a zobrazuje se, pokud prohlížeč nedokáže zobrazit obrázek. Alternativní text se také čte pro uživatele, kteří jsou zrakově postiženi a rozhodnou se zobrazit text na obrázcích. Ve výše uvedeném příkladu lze alternativní text uvést jako alt = "image počítače".
Atribut ohraničení přidá do obrázku ohraničení s tloušťkou v závislosti na uvedeném počtu pixelů. To může být užitečné zejména v případě, že jsou obrazové pozadí a pozadí webových stránek podobné a je třeba jasně rozlišit. Například border = "10" umístí kolem obrázku tlustý okraj o velikosti 10 pixelů.
Důležité jsou také atributy velikosti , protože šířku a výšku lze použít k určení přesné velikosti obrázku. Tyto atributy je třeba používat velmi pečlivě, protože jejich změna může ovlivnit proporce nebo kvalitu zobrazeného obrázku. Atributy velikosti nemění skutečný soubor, jen jak jej prohlížeč zobrazuje.
Atribut zarovnání určuje, jak je obrázek zarovnán ve srovnání s textem na stránce. Pro tento atribut existuje několik různých možností, včetně horní, dolní, střední, levé, pravé, absmiddle, absbottom, základní linie a texttop. Tyto značky také pomáhají určit, jak se text na stránce zarovná s obrázkem.