fbpx

Tutorial HTML: Imagini

de Mihai-Alexandru

Salutare si bine v-am regasit la un nou Tutorial HTML!

Astazi vom vorbi despre Adaugarea imaginilor in paginile HTML.

 Ce-ar fi web-ul fara imagini?Mai nimic, caci stim, in unele cazuri o imagine face cat o mie de cuvinte.

Formatele acceptat de browsere pentru fisierele imagine sunt:

GIF (Graphics Interchange Format) cu extensia .gif;

JPEG (Joint Photographic Experts Group) cu extensia .jpeg sau .jpg;

XPM (X PixMap) cu extensia .xmp;

XBM (X BitMap) cu extensia .xbm;

BMP (BitMap) cu extensia .bmp (numai cu Internet Explorer);

TIFF (Tagged Image File Format) cu extensia .tif sau .tiff;

 

Pentru a folosi imagini si in cadrul paginilor HTML trebuie sa folosesti:

Tag-ul <IMG> insotit de atributul SRC (source) care indica adresa sau calea catre imaginea pe care vrei sa o folosesti. Forma generala a acestui tag va fi:

<IMG SRC="numeleimaginii.extensie">

Atribute alternative pentru imagini

         Pentru a stabili inaltimea si latimea unei imagini sunt folosite atributele  height si width.
<img src="../img/image.jpg" alt="Tutoriale-pe.net" width="100"    height="50" />
<img src ="http://i.imgur.com/nC4dZng.jpg" alt="Tutoriale-pe.net" width="100" height="50" />
Alinierea orizontala si verticala a unei imagini

1. Align (orizontal)

– right
– left
– center

2.Valign (vertical)

– top
– bottom
– center

 <img src http://i.imgur.com/nC4dZng.jpg " align="left">

Pentru mai multe attribute care pot fi folosite cu acest tag dati click aici:

https://tutoriale-pe.net/orte/atribute.html

Speram ca ti-a placut tutorialul, daca ai intrebari referitoate asupra acestuia nu ezita sa lasi un comentariu,iar un membru te va ajuta in cel mai scurt timp!

Comentarii

S-ar putea sa iti placa