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 vlastností, které můžete zadat.

Při přidávání obrázků na webovou stránku je důležité si uvědomit, že obrázek není ve skutečnosti součástí souboru, který tvoří samotnou webovou stránku. 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 soubor obrazu 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ě. TheOrganizace a ukládání obrázků, které chcete na své webové stránce použít, 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.

Jako příklad je zde to, co bychom udělali pro vložení obrázku stromu, filename strom.jpg, na webovou stránku. Kdybychom uložili obrázek stromu na stejném místě jako naše další soubory webové stránky, značka HTML by byla . Pokud byl obrazový soubor uložen v podadresáři v našem adresáři webové stránky, značka by byla změněna na . Co je důležité si pamatovat, je tHat Značka obrazu HTML poskytuje referenční nebo cestu k obrazovému souboru. V zásadě to říká prohlížeči, kde hledat soubor.

Značka obrazu HTML má řadu atributů, které lze zadat pro obrázek, který chcete zahrnout. Atributy jsou vlastnosti samotné značky, a proto se používají v rámci značky nebo mezi . Atributy, které se používají se značkou HTML, jsou:

6

Alt - 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 - přidává k vašemu obrazu ohraničení s tloušťkou zadanou v pixelech

Výška a šířka - lze použít k definování šířky a výšky zobrazeného obrázku, který vám umožňuje změnit sizize obrazu. 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 - se používají k přidání bílého prostoru kolem vašeho obrázku.