Documente Academic
Documente Profesional
Documente Cultură
"src" este prescurtarea pentru "source" (sursa). Acest atribut se foloseste pentru
a indica locatia fotografiei. Dupa cum am explicat in capitolul destinat linkurilor
se poate folosi orice tip de URL pentru a indica adresa fisierului.
HTML
scr="http://www.tutorialehtml.com/img/image.jpg"
Acest model de URL nu este recomandat deoarece la schimbarea domeniului va trebui
sa schimbi deasemenea si adresele tuturor fotografiilor. Sau in cazul in care
imaginea este stocata pe un alt domeniu scr="http://www.domeniu.com/image.jpg".
HTML
<img alt="imagine exemplu" src="/assets_tutorials/img/image.jpg" />
Demo
imagine exemplu
HTML - inaltimea si latimea unei imagini
Pentru a stabili inaltimea si latimea unei imagini sunt folosite atributele height
si widith.
HTML
<img alt="imagine exemplu" src="/assets_tutorials/img/image.jpg" width="120"
height="75" />
Demo
imagine exemplu
HTML - Alinierea orizontala si verticala a unei imagini
In acest sens, sunt folosite atributele align si valign.Obtiunile oferite de aceste
atribute sunt:
1. Align (orizontal)
right
left
center
2.Valigh (vertical)
top
bottom
center
Am atasat alaturat si un exemplu:
HTML
<img alt="" align="right" src="/assets_tutorials/img/image.jpg" />
<p>Acesta este primul paragraf, este doar un exemplu pentru a putea intelege mai
bine alinierea unei imagini.</p>
<p>Acesta este cel deal doilea paragraf, imaginea va fi afisata alaturat in partea
dreapta, acesta este cel deal doilea paragraf, Imaginea va fi afisata alaturat in
partea dreapta, acesta este cel deal doilea paragraf, Imaginea va fi afisata
alaturat in partea dreapta, acesta este cel deal doilea paragraf, Imaginea va fi
afisata alaturat in partea dreapta,</p>
<p>Acesta este cel de-al treilea paragraf si ultimul, el nu contine nimic dar l-am
pus pentru ca "da bine". </p>
Demo
Acesta este primul paragraf, este doar un exemplu pentru a putea intelege mai bine
alinierea unei imagini.
Acesta este cel deal doilea paragraf, imaginea va fi afisata alaturat in partea
dreapta, acesta este cel deal doilea paragraf, Imaginea va fi afisata alaturat in
partea dreapta, acesta este cel deal doilea paragraf, Imaginea va fi afisata
alaturat in partea dreapta, acesta este cel deal doilea paragraf, Imaginea va fi
afisata alaturat in partea dreapta,
Acesta este cel de-al treilea paragraf si ultimul, el nu contine nimic dar l-am pus
pentru ca "da bine".
HTML
<a href="http://www.tutorialehtml.com/" title="Exemplu de link imagine in html">
<img alt="imagine exemplu" src="/assets_tutorials/img/image.jpg" width="120"
height="75" />
</a>
Demo
imagine exemplu
Imaginea de mai sus te va trimite la pagina de start. O poti schimba cu pagina ta
de start si vei obtine o imagine cu cu un link catre pagina ta de start.
HTML - Tumbnails
Tumbnails-urile sunt versinui in miniatura (mult mai putini kilobytes) a unor
imagini care in realitate sunt mult mai mari si cu o calitate sporita. Pentru a
realiza un tumbnail, salveza imaginea intr-o calitate mult mai scazuta cu
dimensiuni reduse. Fa apoi aceasa imagine un link ce va conduce la imaginea
initiala de de dimensiuni sporite.
HTML
<a href="/assets_tutorials/img/image.jpg">
<img alt="imagine exemplu" src="/assets_tutorials/img/image.jpg" width="66"
height="49" />
</a>