Slike

Ići dole

Slike

Počalji od Linou taj Pon Jan 25, 2010 12:31 pm

Slike se mogu dodati na vašu stranicu sa ovim kodom:

Kod:
<img src="XXX" />


XXX zamijenite sa jednim od sljedećega
src="pas.gif" slika se nalazi u istom direktoriju kao i HTML stranica
src="../pas.gif" slika se nalazi u prijašnjem direktoriju od HTML stranice
src="../slike/pas.gif" slika se nalazi u direktoriju "slike" , prijašnjem direktoriju od HTML stranice

Alternativni atribut

Kod:
<img src="slomljenlink/pas.gif" alt="pas" />

u slućaju da se slika nemože učitati, biti će prikazana riječ "pas" unutar okvira slike.

Formatiranje slike

-VISINA I � IRINA

Kod:
<img src="pas.gif" height="100" width="100">

ako želite vi odrediti veličinu slike a ne da vam browser to odredi koristite kod iznad. Ovo može biti korisno kada vam se stranica počne "raspadati" zbog veličine slika i teksta.

-VERTIKALNO I HORIZONTALNO PODE� ENJE

align (horizontalno)
-right
-left
-center
valign (vertikalno)
-top
-bottom
-center

Ovo je popis mogućih podešenja slika. Primjer koda u kojem je slika podešena:

Kod:
<p>Ovo je neki tekst</p>
<p>
<img src="pas.gif" align="left">
ovo je opet neki tekst koji će se nalaziti na desno od slike
</p>


Linkovi na slike

Kod:
<a href="http://www.tutorijali.net" target="_blank>
<img src="pas.gif">
</a>
sa ovim kodom će browser prikazati sliku koja će voditi na neku stranicu kada kliknete na nju.

Kod:
<a href="http://www.espn.com" target="_blank>
<img src="ahman.gif" border="0">
</a>

sa ovim kodom odredili ste da neće biti okvira oko slike. Ako želite da slike imaju okvir, zamijenite 0 sa nekim brojem.

Kod:
<a href="sunset.gif">
<img src="thmb_sunset.gif">
</a>

ovaj kod će prikazati manju verziju slike koja će biti link na veću stranicu. Naravno, manju sliku vi morate napraviti.
Thumbnails-to je naziv za smanjene verzije slika, napravljene da bi se stranica brže učitavala ili zbog estetskih razloga. Thumbnail ima link na sliku u punoj kvaliteti.

Slike kao linkovi

Kod:
<a href="http://www.tutorijali.net/">
<img src="pas.gif"> </a>

primjer koda koji će pretvoriti sliku u link na neku stranicu.

Kod:
<a href="pas.gif"> <img src="thmb_pas.gif"> </a>

primjer koda koji će prikazati na stranici umanjenu sliku koja će biti link na veću sliku.

Preuzeto sa: tutorijali.net

_________________________________

Linou
Linou
Moderator
Moderator

Broj poruka : 371
Datum upisa : 24.01.2010

Pogledaj profil korisnika

Nazad na vrh Ići dole

Nazad na vrh


 
Dozvole ovog foruma:
Ne možete odgovarati na teme u ovom forumu