Co je to 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 mohou být obrázky použity na webových stránkách, od přidání zájmu po použití jako navigační nástroj nebo k 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ává na webovou stránku, je vždy vyžadována značka obrazu.
Chcete -li přidat obrázek, je zahrnuta obrázková značka, kde chcete, aby se obrázek objevil na vaší stránce. Pokud by například po tomto odstavci měl být vložen obrázek, po tomto odstavci by byla do dokumentu HTML přidána značka obrazu nebo . Značka
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 možnosti, které jsou k dispozici pro konkrétní značku HTML.
Pokud pouze byly přidány do dokumentu HTML, nic by se neukazovalo, protože atributy značky nebyly zahrnuty. Nejdůležitějším atributem pro
je „SRC“, který znamená zdroj. Atribut SRC uvádí, kde je skutečně umístěn obrázek, nebo se jedná o adresu pro obrazový soubor. Vzhledem k tomu, ž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 jako:
. p>
konkrétně URL ukazuje na místo, kde je obrázek uložen. Například, pokud by obrázek počítače s názvem souboru počítač.jpg byl uložen ve složce obrázků na www.wisegeek.com, URL by byla nahrazena: . Když prohlížeč otevře webovou stránku, zobrazí se obrázek, kde je zahrnuta značka obrazu.
Značka obrázku má řadu dalších různých atributů. Umožňují uživateli upravit to, jak obrázek vypadá na stránce. Následující atributy jsou comMonly se používá pro tuto značku: alt, ohraničení, velikost a zarovnání.
Atribut alt znamená alternativní text a je zobrazeno, pokud prohlížeč není schopen zobrazit obrázek. Rovněž je čtený alternativní text pro uživatele, kteří jsou vizuálně napadeni a rozhodnou se zobrazit text přes obrázky. U výše uvedeného příkladu lze alternativní text uvést jako alt = "Obrázek počítače".
Atribut Border přidá k obrazu ohraničení s tloušťkou v závislosti na počtu uvedených pixelů. To může být zvláště užitečné, když jsou pozadí obrazu a pozadí webových stránek podobné a je požadováno jasné rozlišení. Například Border = "10" umístí kolem obrázku silnou hranici 10 pixelů.
velikost Atributy jsou také důležité, protože k určení přesné velikosti obrázku lze použít šířku a výšku. Tyto atributy je třeba použít velmi pečlivě, protože jejich změna může ovlivnit proporce nebo kvalitu zobrazeného obrázku. Velikost atridButes nemění skutečný soubor, jak jej zobrazuje prohlížeč.
Atribut Align určuje, jak je obrázek vyrovnán ve srovnání s textem na stránce. Pro tento atribut existuje několik různých možností, včetně horního, dolního, středního, levého, pravého, absmiddle, absbottom, základní linie a text. Tyto značky také pomáhají určit, jak se text na stránce vyrovná s obrázkem.