Webszerkesztés és HTML programozás - inter-studium.hu
Webszerkesztés és HTML programozás - inter-studium.hu
Webszerkesztés és HTML programozás - inter-studium.hu
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
Vinnai Zoltán: <strong>HTML</strong><br />
9.2. Képek kezelése<br />
A <strong>HTML</strong> oldalakon képeket is elhelyezhetünk. A képek külön állományokban<br />
tárolódnak, amire a <strong>HTML</strong> kódban külön hivatkozni kell. A hivatkozásnál egyszerűen meg<br />
kell adni az állomány pontos nevét, kiterjesztéssel együtt.<br />
A böngészők alapvetően háromféle képformátumot támogatnak:<br />
• jpg<br />
• gif<br />
• png<br />
Ezek közül bármelyiket használhatjuk, azonban jó ha tudjuk, hogy:<br />
• A gif képek maximum 256 színt tartalmazhatnak, cserébe viszont alkalmasak<br />
átlátszó képek készítésére is. A gif formátum támogatja az animált képeket is.<br />
• A png formátumot régebben nem minden böngésző támogatta, de ma már ez<br />
nem probléma. Ez a formátum is lehetőséget biztosít átlátszó képek<br />
készítésére.<br />
• A jpg formátum veszteséges tömörítést használ, akár 16 millió színnel, de nem<br />
támogatja az átlátszóságot.<br />
A web oldalakon a képek elhelyezésére is több lehetőség van:<br />
• Háttérkép teljes lefedettséggel - a képet annyiszor helyezi el a böngésző,<br />
ahányszor szükséges, a teljes terület lefedéséhez<br />
• Bármennyi kép az oldal tartalma közé tetszőlegesen elhelyezve<br />
• Háttérkép és egyéb képek egyszerre is elhelyezhetők az oldalon<br />
9.2.1. Háttérkép<br />
Az oldal háttérképét a TAG background paraméterével lehet meghatározni.<br />
A képfájl nevét pontosan kell megadni! Itt a pontosság a kis- és nagybetűkre is vonatkozik,<br />
mivel Linux alatt az alma.txt és az Alma.txt különböző fájl!<br />
Arra is figyelni kell, hogy a kép fájl ugyanabban a könyvtárban legyen, mint az oldalt<br />
leíró .html fájl. Amikor tárhelyen szeretnénk elhelyezni, akkor is ugyanabba a könyvtárba kell<br />
felmásolni a fájlokat. A következő példa almákat jelenít meg a teljes oldalon annyi<br />
példányban amennyi az oldal hátterének lefedéséhez szükséges:<br />
<br />
A példában a háttérszín is beállításra került ugyan, de a háttérkép eltakarja a teljes<br />
hátteret, így sehol nem látszik a sárga háttér!<br />
9.2.2. Kép<br />
Képeket az TAG segítségével helyezhetünk el az oldalon. A képek<br />
elhelyezkedhetnek:<br />
• külön, a szövegtől elkülönülve,<br />
• lehetnek a szöveg mellett balra illetve jobbra is elrendezve,<br />
• valamint a szöveg kezdődhet a kép tetejénél, közepénél és az aljánál.<br />
Az TAG teljes alakja a következő:<br />
28