Imagini HTML

IMAGINILE în HTML
1. Formatul imaginilor care pot fi folosite
Cele mai folosite formate pentru imaginile adaugate îîntr-o pagina HTML sun GIF sș i JPEG (JPG), avantajul
acestora este caă imaginile care au aceste extensii au o maă rime micaă avand maximum 256 de culori. Alte tipuri de
formate (folosite mai rar) sunt: PNG, BMP, TIFF.
2. Adaugarea unei imagini intr-o pagina web
Pentru a introduce o imagine intr-un format HTML se foloseşte elementul <img> ... </img> îîmpreuna cu
urmatoarele atribute :
- src - Valoarea acestui atribut determina locatia fisierului care contine imaginea.
- alt - La acest atribut se scrie textul care va aparea daca imaginea nu e afisata (de unele browsere) sau cand
utilizatorul va pozitiona, in browser, mouse-ul peste imagine.
- align - Acest atribut permite asezarea imagini in locuri diferite pe pagina. Pot fi folosite urmatoarele optiuni:
" left " - aliniere la stanga; celelalte componente sunt dispuse pe in partea dreapta;
" right " - aliniere la dreapta; celelalte componente sunt dispuse pe in partea stanga;
" top " - aliniere deasupra; partea de sus a imaginii se aliniaza cu partea de sus a textului ce precede imaginea;
" middle " - aliniere la mijloc; mijlocul imaginii se aliniaza cu linia de baza a textului ce precede imaginea.
" bottom " - aliniere la baza; partea de jos a imaginii se aliniaza cu linia de baza a textului.
- width - Valoarea acestui atribut reprezinta lungimea imaginii, in pixeli. Daca nu este scris imaginea va fi
prezentata cu lungimea originala.
- height - Valoarea acestui atribut reprezinta inaltimea (latimea) imaginii, in pixeli. Daca nu este scris imaginea va
fi prezentata cu inaltimea originala.
- border - Prin adaugarea acestui atribut imaginea va aparea îînconjurata de un chenar, valoarea acestui atribut
reprezinta grosimea chenarului, in pixeli.
- hspace - Acest atribut este pentru spatiu orizontal pe ambele parti ale imaginii, specificat in pixeli. De exemplu o
valoare de 5 va pune un spatiu invizibil, de 5 pixel, in paî rtile orizontale ale imaginii.
- vspace - Acest atribut este pentru spatiu vertical pe ambele parti ale imaginii, specificat in pixeli. De exemplu o
valoare de 5 va pune un spatiu invizibil, de 5 pixel, in
paî rtile verticale ale imaginii.
EXEMPLU :
<HTML>
<TITLE> IMAGINI </TITLE>
<HEAD> IMAGINI <BR> </HEAD>
<BODY>
<img src="image.jpg" align="top">
La mijloc: <img src="image.jpg" align="middle">
Jos: <img src="image.jpg" align="bottom"

width="100" height="120" border="4"
hspace="10" vspace="7"> Text dupa imagine.
</IMG>
</BODY>
</HTML>
Alinierea textului in jurul imaginii
Atributele hspace si vspace precizeaza distanta in pixeli pe orizontala , respectiv pe

verticala, dintre imagine si restul elementelor din pagina.
Atributul alt admite ca valoare un text care va fi afisat in locul imaginii.
Exemplu :
<html>
<title> Alinierea </title>
<head><center> Alinierea
textului </center> <br>
</head>
<body>
Imagine aliniat la stanga inconjurata de text la distanta de 30 de pixeli.
<p> Text inainte de imagine.Text inainte de imagine.Text inainte de imagine.Text inainte de imagine. Text inainte de
imagine.Text inainte de imagine.Text inainte de imagine.Text inainte de imagine.</p>
<img src="image.jpg" align="left" hspace="30" vspace="30" alt="imaginea nu se poate afisa">
Text dupa imagine.Text dupa imagine.Text dupa imagine.Text dupa imagine.Text dupa imagine. Text dupa
imagine.Text dupa imagine.Text dupa imagine.Text dupa imagine.Text dupa imagine.
</body> </html>

Imagini HTML

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Imagini HTML

Încărcat de

Drepturi de autor:

Formate disponibile

IMAGINILE în HTML

1. Formatul imaginilor care pot fi folosite

2. Adaugarea unei imagini intr-o pagina web

paî rtile verticale ale imaginii.

<TITLE> IMAGINI </TITLE>

<HEAD> IMAGINI <BR> </HEAD>

<img src="image.jpg" align="top">

La mijloc: <img src="image.jpg" align="middle">

Jos: <img src="image.jpg" align="bottom"

Alinierea textului in jurul imaginii

Atributele hspace si vspace precizeaza distanta in pixeli pe orizontala , respectiv pe

<title> Alinierea </title>

Imagine aliniat la stanga inconjurata de text la distanta de 30 de pixeli.

S-ar putea să vă placă și