HTML Info

Webről, magyarul, mindenkinek

Képek

nincs megjegyzés

Nos, a weblapokon képek is szoktak lenni. Helyezzünk el egyet gyakorlóoldalunkon mi is!
A kép beillesztéséhez az <IMG> tag használatos:

Supervisor

Supervisor

<BODY>
<IMG SRC="images/comandosem.gif" WIDTH=115 HEIGHT=106 BORDER=0>
</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 attribútumnak adhatunk abszolút értéket is, tehát megmondhatjuk, hogy az adott kép mely webszerver mely könyvtárában található. Lehet oldalunk akár az egy ingyenes tárhyelen, megjelenítendő képünk pedig bárhol. Ilyenkor értelemszerűen módosul a sor:

<BODY>
<IMG SRC="http://www.szerverneve.hu/username/konyvtar/kepneve.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!

Írta: htmlinfo

2009. 04 18 at 7:29 am

Kategória:

Megjegyzés hozzáfűzése