Podstawy html: Wstawianie zdjęć/klików/odnośników/tekst obok obrazka.

Wiele osób pyta mnie jak zrobić różne rzeczy w ramce html na profilu.
Ponieważ nie mam siły każdemu tłumaczyć osobno postanowiłam zrobić ten artykuł.
To dopiero 1 część, żeby nie uczyć was wszystkiego na raz, bo może to być bardzo trudne do zapamiętania. Więc w tym artykule znajdziesz różne kody na wstawianie i linkowanie obrazków:)

PRZECZYTAJ WSZYSTKO DOKŁADNIE! 

WSZYSTKO JEST JASNO OPISANE WIĘC SKUP SIĘ, A NA PEWNO CI SIĘ UDA.

OBRAZKI:

Aby wstawić zdjęcie musimy wkleić następujący kod do ramki z html:

<img src="LINK DO OBRAZKA">

^^ Słowa: ' LINK DO OBRAZKA zamień na adres URL obrazka który ma się wyświetlić.
Czyli jeśli chciałabym wkleić np. Ten obrazek:
 
A jego link to: http://i214.photobucket.com/albums/cc105/24168/egobox/vf/pixels/draws/27.gif
To kod który wklejam do ramki html będzie wyglądał tak:

<img src="http://i214.photobucket.com/albums/cc105/24168/egobox/vf/pixels/draws/27.gif">

Dość proste prawda?
****
Jeśli chcemy żeby nasz obrazek w ramce HTML zamienił się w tzw. KLIK ( czyli jak na niego klikniesz zostaniesz przeniesiona na inną stronę itd )

To wklejamy następujący kod:<a href="LINK DOCELOWY"><img src="ADRES OBRAZKA" border=0></a>

Tam gdzie w kodzie jest napisane LINK DOCELOWY tam wklejamy link do strony na którą zostaniemy przeniesieni.

Tam gdzie jest napisane ADRES OBRAZKA wklejamy link do naszego obrazka który pokaże się w ramce html i który będzie naszym klikiem.

Na przykład, wezmę taki klik:  

Jego adres url to: http://republika.pl/blog_oj_1271134/2617878/tr/kropelki26fr_1_.gif

Jeśli chcę żeby po kliknięciu na ten obrazek przeniosło mnie na stronę główną, mój link docelowy to będzie: http://gliteruje.blog.onet.pl

Razem mój kod będzie wyglądał tak:

<a href="http://gliteruje.blog.onet.pl"><img src="http://republika.pl/blog_oj_1271134/2617878/tr/kropelki26fr_1_.gif" border=0></a>

Proste prawda?****

Jeśli chcesz zrobić tak by obok obrazka był tekst, musisz wkleić ten kod: <img src="ADRES OBRAZKA" align="left"> = tutaj wpisz swój tekst ADRES OBRAZKA zamieniasz na link do obrazka :)

Czyli jeśli link do mojego obrazka to: http://i214.photobucket.com/albums/cc105/24168/egobox/vf/pixels/draws/27.gif

Mój kod będzie wyglądał tak:<img src="http://i214.photobucket.com/albums/cc105/24168/egobox/vf/pixels/draws/27.gif" align="left"> = i właśnie tak robi się tekst obok obrazka... :)

****

Jeśli chcesz aby twój obrazek 'przesuwał się' musisz wkleić taki kod:

<marquee><img src="LINK DO OBRAZKA"><marquee>

Słowa LINK DO OBRAZKA standardowo zamieniamy na link:)

****
WSZYSTKO TO JEST BANALNE, JEŚLI SIĘ SKUPISZ NA TYM CO ROBISZ ;)