Kép beszúrása szöveghez HTML kódban

Kép beszúrása szöveghez HTML kódban


<FONT COLOR=yellow>
 <IMG SRC="designuniverzum.jpg
" ALIGN=left
  HSPACE=10 VSPACE=10 BORDER=1>
 </FONT>
 Gyakoribb az, hogy nem külön lapként,
 hanem az aktuális lapra akarunk
 képeket behozni. Az "IMG" kulcsszóval
 tehetjük ezt. Bekeretezhetjük a képet,
 és a szöveg mögé (ALIGN=right)
 vagy elé (ALIGN=left) tehetjük,
 úgy, hogy a szöveg a képet
 "körülfollya". (ALIGN=top és
 ALIGN=middle is lehetséges, de nem
 minden böngésző tudja.)
 <FONT COLOR=blue>
 <IMG SRC="designuniverzum.jpg" ALIGN=right
  HSPACE=10 VSPACE=10 BORDER=2
  WIDTH=120 HEIGHT=80>
 </FONT>
 A "BORDER" mögött a keret méretét,
 a HSPACE ill. VSPACE mögött a kép
 mellett ill. az alatta-fölötte levő
 üres rész méretét (képernyő
 pontokban) adhatjuk meg. A keret
 színe az aktuális betűszín, amit
 minden képre külön beállíthatunk.
 Ha nem az eredeti méretében akarjuk
 a képet mutatni, akkor a "HEIGHT="
 ill. "WIDTH=" paraméter is szóba
 jöhet. (Ezt is képpontokban mérve.)
 Ilyenkor torzulhat a kép, ha rossz
 arányban méretezzük át.