Jaký je správný způsob použití obrázkové značky HTML?

Obrázky se často přidávají na webové stránky, aby vypadaly více lákavé a zajímavější ve srovnání se stránkou prostého textu.Pomocí značky obrazu HTML je snadné přidat obrázky na všechny webové stránky.Tato značka má také řadu atributů nebo charakteristik, které můžete specifikovat.Soubory použité pro webovou stránku jsou samostatné soubory od všech obrazových souborů.Značka obrazu HTML odkazuje webový prohlížeč na konkrétní obrázek obrazu pro zobrazený obrázek.Když je webová stránka zobrazena v prohlížeči, zobrazí se obrazový soubor spolu s jakýmikoli jinými soubory, které tvoří tuto stránku.Umístění obrázku je název souboru pro obrázek, který chcete zobrazit a kde je obrázek uložen.Je důležité, abyste tyto informace dostali správně, abyste se ujistili, že se obrázek zobrazí správně.Organizace a ukládání obrázků, které chcete použít na vaší webové stránce, jsou důležité úvahy.

Někteří lidé ukládají své obrázky do stejného adresáře jako všechny ostatní části svých webových stránek.V tomto případě, když odkazujete na obrázek, zahrnete pouze název souboru do značky obrazu HTML.Pokud má webová stránka řadu obrázků, je běžné vytvářet podadresář, často nazývaný

obrázky

.V tomto případě by název podadresáře byl také zahrnut do značky.Kdybychom uložili obrázek stromu na stejném místě jako naše další soubory webové stránky, značka HTML by byla iMg Src ' Tree.jpg .Pokud by byl obrazový soubor uložen v podadresáři v našem adresáři webové stránky, značka by byla změněna na lt; img src ' images/strom.jpg gt;.Důležité je zapamatovat si, že značka obrazu HTML poskytuje obrazovému souboru odkaz nebo cestu.V zásadě říká prohlížeči, kde hledat soubor.Atributy jsou vlastnosti samotné značky, a proto se používají v rámci značky nebo mezi lt;a gt;.Atributy, které se používají se značkou obrazu HTML, jsou:

Align mdash;Určuje, jak je váš obrázek zarovnán ve vztahu k textu na vaší stránce (vlevo, vpravo, horní, střední, dolní)

alt mdash;odkazuje na alternativní text.Toto je velmi důležitý atribut a měl by být zahrnut pro všechny vaše obrázky.Specifikuje text, který se zobrazí místo obrázku

• Border mdash;přidá k vašemu obrazu ohraničení s tloušťkou uvedenou v pixelech
• výška a šířka mdash;Lze použít k definování šířky a výšky zobrazeného obrázku, který vám umožní změnit velikost obrázku.Buďte opatrní používat tyto atributy, protože můžete změnit kvalitu obrazu a proporcí, což má za následek nekvalitní obrázky
• VSpace a Hspace MDash;se používají k přidání bílého prostoru kolem vašeho obrázku.