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

Obrázky jsou často přidávány na webové stránky, aby vypadaly atraktivněji a zajímavěji ve srovnání se stránkou prostého textu. Pomocí značky HTML Image je snadné přidávat obrázky na jakékoli webové stránky. Tato značka má také řadu atributů nebo charakteristik, které můžete určit.

Při přidávání obrázků na webovou stránku je důležité si uvědomit, že obrázek ve skutečnosti není 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 HTML HTML odkazuje webový prohlížeč na konkrétní soubor obrázku pro obrázek, který chcete zobrazit. Když se webová stránka zobrazí v prohlížeči, obrazový soubor se zobrazí spolu s dalšími soubory, které tuto stránku tvoří.

Kód pro značku HTML HTML je: <IMG SRC = "umístění obrázku" />. Umístění obrázku je název souboru, který chcete zobrazit a kde je obrázek uložen. Je důležité, abyste tyto informace dostali správně, abyste zajistili správné zobrazení obrázku. Organizace a ukládání obrázků, které chcete na své webové stránce použít, jsou důležité aspekty.

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, byste do značky HTML Image zahrnuli pouze název souboru. Pokud webová stránka obsahuje více obrázků, je běžné vytvořit podadresář, často nazývaný obrazy . V tomto případě by do podadresáře byl zahrnut i název podadresáře.

Zde je příklad toho, co bychom udělali, abychom vložili obrázek stromu, název souboru tree.jpg, na webovou stránku. Pokud bychom uložili obrázek stromu na stejném místě jako naše další soubory webových stránek, byla by značka HTML HTML <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 se změnila na <IMG SRC = "images / tree.jpg">. Důležité je zapamatovat si, že značka HTML Image poskytuje odkaz nebo cestu k obrazovému souboru. V zásadě říká prohlížeči, kde má soubor hledat.

Značka obrázku HTML obsahuje několik atributů, které lze zadat pro obrázek, který chcete zahrnout. Atributy jsou vlastnosti samotné značky, a proto se používají ve značce nebo mezi <a>. Atributy, které se používají se značkou HTML Image, jsou:

• ALIGN - určuje, jak je váš obrázek zarovnán s textem na vaší stránce (LEFT, RIGHT, TOP, MIDDLE, BOTTOM)
• ALT - odkazuje na alternativní text. Jedná se o velmi důležitý atribut a měl by být zahrnut pro všechny vaše obrázky. Určuje text, který se zobrazí místo obrázku
• BORDER - přidá do obrázku ohraničení o tloušťce zadané v pixelech
• VÝŠKA a ŠÍŘKA - lze použít k definování šířky a výšky obrázku, který chcete zobrazit, což vám umožní změnit velikost obrázku. Při použití těchto atributů buďte opatrní, protože můžete změnit kvalitu obrázku a proporce, což má za následek nekvalitní obrázky
• VSPACE a HSPACE - slouží k přidání prázdného místa kolem obrázku.