Tutorial Bigbos: Tutorial HTML pe intelesul tuturor,tutoriale html, coduri html, culori html, tabele, liste html, formulare, coduri muzica, coduri video, tutorial xhtml, tutorial css,Tutoriale de initiere in HTML si coduri HTML explicate


Du-te la cuprins

Imagini

HTML

Tutorial HTML - Imagini

Imaginile sunt foarte importante intr-o pagina web. De aceea este recomandat sa le folosesti in mod corect. Inserarea lor se face cu ajutorul tag-ului
<img/>.



  • HTML - img src


"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.



Se poate folosi deasemenea adresa completa a fotografie. De exemplu scr="http://hosting.bigbos.ro/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.bigbos.ro/image.jpg".

Faptul de a stoca imaginea pe un domeniu alternativ, prezinta un mare avantaj in cazul in care dispui de un spatiu limitat pe domeniul pe care este stocat fisierul .html.

  • HTML - Atribute alternative pentru imagini


Atributul "alt" este folosit pentru a afisa un text in locul imagini, in cazul in care browser-ul pentru un oarecare motiv nu poate afisa imaginea sau in cazul in care un user are deselectata functia "ShowImage".



  • HTML - inaltimea si latimea unei imagini


Pentru a stabili inaltimea si latimea unei imagini sunt folosite atributele height si widith.



  • 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

Exemplu:


  • HTML - Folosirea imaginilor ca link


Aceasta este doar o introducere, vom trata acest subiect mai pe larg intr-un tutorial urmator. Imaginile sunt foarte utile pentru link-uri si se pot forma cu ajutorul codului urmator:



  • 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.



<<|Previous

Next|>>


Home Page | HTML | CSS | Tag-uri | Formulare HTML | Tutoriale Video | Download | Contact | Harta site


Inapoi la cuprins | Inapoi la meniul principal