OFFLINE
HTMLinfo => Alapfokú weblecke => Képek
Képek a lapon
Nos, a weblapokon képek is szoktak lenni. Helyezzünk el gyakorlóoldalunkon mi is!
A kép beillesztéséhez az <IMG> tag használatos:
|
<BODY>
|
Fenti paranccsal leírtuk a kép lelőhelyét (SRC; images könyvtár), a megjelenítendő kép nevét (comandosem.gif), szélességét (WIDTH) és magasságát (HEIGHT). Az SRC tag - nek adhatunk abszolút attribútumot is, tehát megmondhatjuk, hogy az adott kép mely webszerver mely könyvtárában található. Lehet oldalunk akár az Extrán, megjelenítendő képünk pedig mondjuk az FW-n. Ilyenkor értelemszerűen módosul a sor:
<BODY>
<IMG SRC="http://www.fw.hu/username/könyvtár/képneve.gif"
</BODY>
Szöveg a kép helyén
Az IMG tag kiegészíhető egy úgynevezett alternatív szöveggel is. Ez a szöveg fog a kép betöltődéséig, illetve akkor látszani, mikor az egérkurzort a kép fölé visszük.
<BODY>
<IMG SRC="images/comandosem.gif" ALT="Supervisor">
</BODY>
Szélesség, magasság
Térjünk vissza egy pillanatra az <IMG> tag -en belül használható WIDTH
és HEIGHT attribútumokhoz! Hiszen ezek másra is jók lehetnek: Fogjunk egy
képszerkesztőt és készítsünk egy képet, amin egyetlenegy egy képpont széles és
egy képpont magas, vörös pont van. Mentsük el pont.gif néven, és jelenítsük
meg:
<BODY>
<IMG SRC""pont.gif" WIDTH=400 HEIGHT=3>
</BODY>
Játszadozzunk a WIDTH és HEIGHT értékekkel, nézzük meg az eredményt!