Se afișează postările cu eticheta Ghid Bloggeri. Afișați toate postările
Se afișează postările cu eticheta Ghid Bloggeri. Afișați toate postările

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