Ce contine codul html unei imagini?

Iata cel mai simplu mod de a afisa o imagine,folosind Html:

<img src="url" />

In locul lui "url" vei pune sursa imaginii,adica locul in care este incarcata imaginea.
De exemplu daca pui codul de mai jos in postarea ta.....

<img src="http://static.howstuffworks.com/gif/color-psychology-help-sell-home-2.jpg" />

Va arata astfel:



Title si alt

Poti sa adaugi si titlu unei imagini,folosindu-te de atributul title="titlul imaginii"

Iata un exemplu:

<img src="http://static.howstuffworks.com/gif/color-psychology-help-sell-home-2.jpg" title="Diferite culori:rosu,galben,alb,negru,verde,albastru"/>

Imaginea arata la fel,dar daca misti mouseul peste imagine iti va aparea un text,care va fi titlul imaginii:


Exista posibilitatea ca imaginea sa nu se incarce intotdeauna.In acest caz este utila folosirea atributului alt="textul care vrei sa fie afisat in cazul in care nu se incarca imaginea"

<img src="http://static.howstuffworks.com/gif/color-psychology-help-sell-home-2.jpg" title="Diferite culori:rosu,galben,alb,negru,verde,albastru" alt="textul care vrei sa fie afisat in cazul in care nu se incarca imaginea"/>

De asemenea,adaugand title si alt imaginii tale,google va sti despre ce este vorba in aceea imagine,si iti va trimite vizitatori din cautarile de imagini.

Adauga un link imaginii:
Dupa cum bine stii,poti sa adaugi si un link imaginii,exact ca si unui scris.Si este la fel de simplu.Te folosesti de

<a href="url">codul imaginii</a>

De exemplu:

<a href="http://100ro.blogspot.com"><img src="http://static.howstuffworks.com/gif/color-psychology-help-sell-home-2.jpg" title="Diferite culori:rosu,galben,alb,negru,verde,albastru" alt="Diferite culori"/></a>

Va arata astfel(vezi ca imaginea are titlu,are alt,si are un link catre 100 Ro):
Diferite culori

2 comentarii:

  1. foarte interesant.
    Am incercat sa fac sa apara aici imaginea unei ghionoaie dar nu m-a lasat.
    De ce nu o merge si la comentarii?

    RăspundețiȘtergere
  2. In comentarii nu sunt permise imagini:)

    RăspundețiȘtergere