Clanul StoD | !!!
Salut!!!
Daca vrei sa ai acces la toate lucrurile de pe forumul nostru
Inregistreaza-te!!!

Clanul StoD | !!!

Forumul clanului StoD
 
AcasaCalendarFAQCautareMembriGrupuriInregistrareConectare
Parteneri
Votati-ne!
Clanul StoD Top66 Statistici
Director web luxdesign28.ro inscriere gratuita site-uri !
Septembrie 2018
LunMarMierJoiVinSamDum
     12
3456789
10111213141516
17181920212223
24252627282930
CalendarCalendar

Distribuiţi | 
 

 Util img HTML

In jos 
AutorMesaj
Xord
Leader
Leader
avatar

Mesaje : 106
Reputatie : 3047
Data de inscriere : 14/02/2011
Varsta : 22
Localizare : deva
Stare de spirit : Excelenta

MesajSubiect: Util img HTML   Mar Feb 15 2011, 00:48

Acest tutorial este destinat in special incepatorilor si iti va arata cum sa incluzi imagini in pagina ta
HTML. LINK

Tag-ul IMG

Pentru a introduce imagini in pagina ta web, foloseste tag-ul img.

Cod:
<img src="url">


unde “url” reprezinta calea catre imaginea ta, adica directorul in care se afla si numele acesteia.

Iata cateva exemple care te vor ajuta sa intelegi mai bine cum anume trebuie specificata calea pentru
imaginea ta. Sa presupunem ca fisierul HTML in care vrei sa incluzi imaginea este denumit
pagina.html, imaginea este poza.gif, si pe server sau local (pe disc) ai un director siteweb/.


Exemplul 1: Imaginea si pagina web se afla in acelasi director
Aceasta este cea mai simpla metoda de a include o imagine in pagina web. Directorul siteweb/ va
contine:

Cod:
siteweb/
pagina.html
poza.gif


In loc de “url”, atributul src din tag-ul img va contine numele fisierului poza.gif:

Cod:
<img src="poza.gif">


ceea ce inseamna ca browser-ul va cauta imaginea in acelasi director cu pagina HTML.

Exemplul 2: Imaginea se afla intr-un subdirector
Aceasta situatie este foarte des intalnita, deoarece permite gruparea imaginilor intr-un director
(deseori numit imagini), ele fiind mai usor de manipulat.
Cod:

siteweb/
pagina.html
imagini/
poza.gif


Codul HTML pentru includerea imaginii poza.gif este:

Cod:
<img src="imagini/poza.gif">



Cu alte cuvinte, in acest caz browser-ul va cauta poza.gif in subdirectorul imagini.


Exemplul 3: Imaginea se afla in alt director
Ce se intampla daca imaginea pe care vrem sa o includem in pagina web se afla intr-un director cu
totul diferit¿ Aceasta situatie poate fi intalnita atunci cand avem un director destinat imaginilor
(imagini) pe care paginile web aflate in subdirectoare il pot folosi.

Cod:
siteweb/
paginiweb/
pagina.html
imagini/
poza.gif

In acest caz, codul HTML va fi:

Cod:
<img src="../imagini/poza.gif">



Utilizarea atributelor width= si height=
Este recomandat ca in tag-ul img sa specifici dimensiunile imaginii respective. Astfel, layout-ul paginii
web nu se va modifica la incarcarea imaginilor, iar utilizatorii pot alege sa vizualizeze pagina fara
imagini, formatul ei ramanand acelasi.
Pentru a specifica latimea (width) si inaltimea (height) unei imagini, foloseste codul HTML:

Cod:
<img src="url" width="x" height="y">


unde x, y sunt dimensiunile imaginii in pixeli.


Cum puteti afla latimea si inaltimea imaginii in pixeli¿
Daca folosesti Netscape, deschide imaginea intr-o fereastra si dimensiunile vor aparea in „title bar”.


Daca folosesti IE, deschide imaginea in browser, apoi da right-Selecteaza pe imagine si selecteaza
Properties. Vei vedea dimensiunile langa Dimensions in noua fereastra.


Poti schimba dimensiunea imaginii folosind editoare de imagini (Photoshop, Fireworks etc. - de obicei
acestea au optiunea Image Size sau Resize Image).

Imaginile ca linkuri
Daca vrei ca imaginea ta sa fie folosita ca link sau buton, pe conturul ei va aparea un dreptunghi
colorat. Acesta este optiunea de “border” a imaginii si este folosit pentru a arata ca imaginea
respectiva este un link. Daca nu vrei ca acest dreptunghi sa apara in jurul imaginii, initializeaza
atributul border cu valoarea 0:

Cod:
<img src="cale" width="x" height="y" border="0">


Codul de mai sus are ca efect faptul ca imaginea nu va mai avea contur.

Greseli des intalnite

1. Gresirea caii catre imagine
Daca vezi simbolul "image not found" (o cruciulita rosie acolo unde ar trebui sa apara poza), cel mai
probabil imaginea nu se afla in directorul specificat sau calea a fost scrisa gresit. Nu uita sa incluzi
extensia fisierului (.gif sau .jpg) atunci cand specifici calea.

2. Nu exista imaginea
Asigurati-va ca ati copiat imaginea pe server, in directorul corect.

3. Scrierea cu majuscule in loc de litere mici (sau invers)
Majoritatea serverelor fac diferenta intre majuscule si litere mici, deci daca in atributul src vei scrie
poza.jpg , iar imaginea ta se numeste poza.JPG, ea nu va fi incarcata.
Sus In jos
Vezi profilul utilizatorului
Xord
Leader
Leader
avatar

Mesaje : 106
Reputatie : 3047
Data de inscriere : 14/02/2011
Varsta : 22
Localizare : deva
Stare de spirit : Excelenta

MesajSubiect: Re: Util img HTML   Mar Feb 15 2011, 00:48

Sus In jos
Vezi profilul utilizatorului
BoDoS cL*
Manager
Manager
avatar

Mesaje : 92
Reputatie : 3057
Data de inscriere : 10/10/2010
Varsta : 24
Localizare : Bucharest
Stare de spirit : ^_^ <_<

MesajSubiect: Re: Util img HTML   Vin Feb 18 2011, 17:52

folositor!

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


Clan leaderul StoD | BoDoS cL* here:P

[center]Salut Vizitator . Sper sa te distrezi impreuna cu noi
Ai postat un total de 0 mesaje !
Forumul s-a nascut in data de Dum Oct 10 2010, 01:57 si acum are 2903 de zile[/center]
Sus In jos
Vezi profilul utilizatorului
AcB
Leader
Leader
avatar

Mesaje : 76
Reputatie : 2896
Data de inscriere : 13/02/2011
Varsta : 23
Localizare : AcB Cyty
Stare de spirit : Happy:)

MesajSubiect: Re: Util img HTML   Vin Feb 18 2011, 20:54

Frumos si util
Sus In jos
Vezi profilul utilizatorului
QBixMzQ
Clan Member
Clan Member
avatar

Mesaje : 23
Reputatie : 2793
Data de inscriere : 16/02/2011
Varsta : 20
Localizare : QBix Waz Here
Stare de spirit : (:< Evil >:)

MesajSubiect: Re: Util img HTML   Vin Feb 18 2011, 21:51

Frumos si util !
Sus In jos
Vezi profilul utilizatorului
AcB
Leader
Leader
avatar

Mesaje : 76
Reputatie : 2896
Data de inscriere : 13/02/2011
Varsta : 23
Localizare : AcB Cyty
Stare de spirit : Happy:)

MesajSubiect: Re: Util img HTML   Dum Feb 20 2011, 05:59

Ai dreptate foarte bun pentru incepatori
Sus In jos
Vezi profilul utilizatorului
Chowder
Clan Member
Clan Member
avatar

Mesaje : 58
Reputatie : 2828
Data de inscriere : 03/03/2011

MesajSubiect: Re: Util img HTML   Joi Mar 03 2011, 15:58

bUnicel bv
Sus In jos
Vezi profilul utilizatorului
Xord
Leader
Leader
avatar

Mesaje : 106
Reputatie : 3047
Data de inscriere : 14/02/2011
Varsta : 22
Localizare : deva
Stare de spirit : Excelenta

MesajSubiect: Re: Util img HTML   Joi Mar 03 2011, 21:10

tnx am eu grija de tot ce ii in sect asta Fericit:
Sus In jos
Vezi profilul utilizatorului
Continut sponsorizat




MesajSubiect: Re: Util img HTML   

Sus In jos
 
Util img HTML
Sus 
Pagina 1 din 1

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
Clanul StoD | !!! :: Counter strike 1.6 :: Tutoriale-
Mergi direct la:  
Copyright @ StoD CoMMuniTy
Design powered by BoDoS cL*
Creati un forum | © phpBB | Forum gratuit de suport | Contact | Semnaleaza un abuz | Creeaza un blog gratuit