Van m�r teh�t keretes h�tter�nk (t�bl�zat) �s tudunk �rni is bele. Tegy�k kicsit v�ltozatosabb� az oldalunkat k�pek beilleszt�s�vel. V�lassz ki egy k�pet, amit fel szeretn�l tenni. Ha eddig a saj�t g�peden egy k�l�n k�nyvt�rban dolgozt�l, akkor c�lszer� a kiv�lasztott k�pet is abba a k�nyvt�rba m�solni. Term�szetesen a netr�l is v�laszthatsz k�pet, akkor a k�p URL c�m�re lesz sz�ks�ged. Ha nem tudod, hogyan kell megtudni egy k�p URL c�m�t, olvasd el a "K�p beilleszt�se" cikk elej�t!

N�h�ny sz� a k�pf�jlok kiterjeszt�s�r�l (f�jln�v "." ut�ni r�sze)

*.JPG, *.JPEG� - sima k�pf�jl, ezt haszn�ljuk leggyakrabban, mert viszonylag kis helyet foglal

*.PNG������������ - ez is k�pf�jl, akkor haszn�ljuk, ha tov�bb dolgozunk a k�ppel, �tl�tsz� h�tt�r

*.BMP����������� - bitmap k�p, �ri�si helyet foglal �rdemes JPG-re konvert�lni

*.GIF��������������� - "mozg�", anim�lt k�pf�jlok

Enn�l sokkal t�bbf�le k�pf�jl van, de ezek a leggyakoribbak.

�n most ezt a k�pet szeretn�m feltenni, a neve "Animation24.gif"

�

Akkor most l�ssuk a parancsot:

A k�kkel jel�lt szavak a kulcsszavak, melyek a k�p tulajdons�gait hat�rozz�k meg. Ha nincs sz�ks�g az adott tulajdons�gra, egyszer�en elhagyhat�. N�zz�k sorj�ban:

border�� ������������������� - szeg�ly vastags�ga pixelben
src="....k�p neve..." - a k�p neve vagy URL c�me (http://....)
width="..."�������������� - a k�p sz�less�ge pixelben
height="..."� ����������� - a k�p magass�ga
alt="...sz�veg..." ����� - ha a k�p f�l� viszed az egeret, ez a sz�veg jelenik meg (pr�b�d ki)
style="....." ������������ - szeg�ly tulajdons�gai
��������� border:2 px���� - szeg�ly vastags�ga (pl.2 pixel)
��������� #FF0000�������� - szeg�ly sz�ne (sz�nk�d)
��������� dotted������������� - szeg�ly st�lusa (pontozott vonal)

Ugyanaz a k�p szaggatott vonal-lal szeg�lyezve, a pirossal �rt tulajdons�g v�ltozik: dashed

�

Ugyanaz a k�p dupla vonal-lal szeg�lyezve, a pirossal �rt tulajdons�g v�ltozik: double

�

Ugyanaz a k�p bev�gott vonal-lal szeg�lyezve, a pirossal �rt tulajdons�g v�ltozik: groove

Ugyanaz a k�p ki�ll� vonal-lal szeg�lyezve, a pirossal �rt tulajdons�g v�ltozik: ridge

Ugyanaz a k�p bem�ly�tett vonal-lal szeg�lyezve, a pirossal �rt tulajdons�g v�ltozik: inset

Ugyanaz a k�p kidomborod� vonal-lal szeg�lyezve, a pirossal �rt tulajdons�g v�ltozik: outset

Mint l�tod, sokf�le szeg�lyst�lust megadhatsz:)) Erre a r�szre m�g visszat�r�nk a st�lusokn�l!

Tarts ki, m�r majdnem v�gezt�nk ezzel a leck�vel:)))

M�r csak igaz�tani kell a k�pet az el�z� leck�b�l megismert "align" param�ter seg�ts�g�vel.
Az al�bbi k�dokat pr�b�lgasd a k�dpr�ba ablakban (a k�p neve hely�re a saj�todat �rd):

� Balra : align="left"

��� Balra igaz�tva

�

K�z�pre: align="center"

K�z�pre

�

�Jobbra: align="right"

Jobbra igaz�tva

J�l l�tszik, hogy a <p>....</p> parancsba �gyaztuk be az <img ....> parancsot!

Itt pr�b�lgathatod:

�

A k�vetkez� leck�ben a link-kezel�sr�l lesz sz�.... ugye v�rod? :))))

�Egy klikkel�s �s m�r nyomat�dik az oldal