Obsah
Někdy se stane, že ne vše vygeneruje formulář v našich dokumentech HTML, mnohokrát musíme do některých stránek zahrnout další prvky, jako jsou obrázky, abychom vytvořili naši stránku, proto v tomto tutoriálu uvidíme, jak to udělat a různé funkce zahrnuty v sobě.Abychom mohli v našem dokumentu HTML zobrazit obrázek, musíme použít prvek obr který má následující atributy:
- src
- alt
- výška
- šířka
- usemap
- ismap
Právě teď se zaměříme na první dva atributy, src Y alt; src nám umožňuje zadat cestu, ze které bude prohlížeč hledat obrázek, může to být relativní cesta nebo dokonce adresa URL, atribut alt nám umožňuje umístit text, tento text se zobrazí pouze v případě, že obrázek není k dispozici, ať už není v cestě, ve které byl uveden v src nebo to ani prohlížeč nedokáže interpretovat.
Podívejme se na příklad, jak zahrnout obrázek do našeho dokumentu HTML:
Příklad Zde je běžná forma reprezentace tří aktivit v triatlonu.První ikona představuje plavání, druhá představuje cyklistiku a třetí běh.
V tomto příkladu vidíme také další dva atributy šířka a výška Ty, jak jejich názvy napovídají, mají regulovat šířku a výšku obrázku, čímž můžeme zaručit, že obrázek zůstane v námi stanovených velikostech, a to i v případě, že je obrázek větší než ten, který bude znovu dimenzován, bez Je však třeba dávat pozor, protože obrázek bude mít stejnou váhu, proto je vhodné umístit již upravený obrázek požadované velikosti a naše stránka se načítá rychleji.
Dalším docela běžným používáním je použít obrázek jako odkaz na jiné stránky, buď umístěním ikony týmu, například další šipkou, samozřejmě, nyní s novým CSS frameworkem to může být méně běžné, ale podívejme se, jak je hotovo mít tuto možnost v našem portfoliu nástrojů HTML.
Pro vložení obrázku prvek jednoduše umístíme obr uvnitř prvku, který odkazuje na stránku, jako například:
Příklad Zde je běžná forma reprezentace tří aktivit v triatlonu.První ikona představuje plavání, druhá představuje cyklistiku a třetí běh.
Tím docílíme, že obrázek je nyní naším odkazem, jak uvidíme na další obrazovce, obrázek se nezmění způsobem, jakým je zobrazen:
