Obrázky mohou vylepšit vzhled webové stránky rozdělením textu a přidáním vizuálního zájmu. Obrázky, které jsou viditelné na webové stránce, jsou ve skutečnosti odkazy na interní nebo vzdálený obrázek. Jinými slovy, obrázky jsou jiným souborem, a to buď na stejném serveru jako webová stránka, nebo na vzdáleném serveru. Chcete-li umístit obrázek na webovou stránku, musíte prohlížeči sdělit, kde má obrázek hledat. Tato informace je umístěna v „"značka s atributem" src ".
Vytváření obrazu
Pokud je váš obrázek uložen na webovém serveru, který je hostitelem vaší webové stránky, můžete do tagu umístit pouze název obrázku, například: Pokud se však váš obrázek nachází na vzdáleném serveru, musíte umístit odkaz na obrázek v značka jako:
Ať už používáte místní nebo vzdálený obrázek, existují určité atributy, které můžete použít k zarovnání obrázku na stránce. Atribut "align" se používá k vodorovnému zarovnání obrázku. Hodnoty mohou být „vpravo“, „vlevo“ nebo uprostřed. Například pro umístění vzdáleného obrázku na pravou stranu stránky by HTML kód byl:
Atribut "valign" se používá k vertikálnímu zarovnání obrazu na obrazovce. Hodnoty mohou být „nahoře“, „dole“ a „na střed“. Chcete-li zarovnat výše uvedený příklad v pravé horní části obrazovky, kód by byl:
Dalším atributem je atribut „alt“. Používá se k umístění textu na místo, kde by měl být obrázek, pokud návštěvník používá textový webový prohlížeč nebo pokud je odkaz na obrázek nefunkční. Atribut "alt" se používá následujícím způsobem:
Nakonec můžete vytvořit svůj obrázek jako hypertextový odkaz přidáním značky „“. To umožňuje návštěvníkům kliknout na obrázek, který má být přenesen na vzdálenou stránku nebo na samotnou fotografii. HTML kód pro vytvoření obrázku s hypertextovým odkazem je:
