Cum să adaugi o imagine în site-ul tău
Principalul mod de a introduce o imagine în pagina HTML este cu ajutorul tagului <img>.In acest exemplu este exemplificata folosirea acestuia.
Cod:
<html>
<head>
<title>HTML imagine</title>
</head>
<body>
<img src="https://sites.google.com/site/exempledeinformatica/tutoriale-html/tutorial-html-prima-pagina-web/Prima mea pagina html.png"
alt="Aici se introduce descrierea imaginii."/>
</body>
</html>
Rezultat:
- Tagul <img>:
- este folosit pentru a defini imagini în pagina WEB
- atributul src:
- definește calea către imagine
- este obligatoriu
- calea poate fi definita astfel:
- cale relativa: se stabilește în funcție de poziția fișierului HTML și a imaginii
- cale absoluta: locația completa a imagini (Ex: adresa URL a pagini)
- atributul alt:
- este folosit pentru a stabili un conținut text alternativ în cazul în imaginea nu poate fi afișată
- este recomandat sa conțină
- o scurta descriere a imaginii
- descrierea paginii țintă dacă imaginea este un link
- "" în cazul în care imaginea este o decorație nesemnificativa
- atributele height și width:
- sunt folosite pentru a stabili înălțimea(height) și lățimea(width) imaginii
- valorile pentru aceste atribute sunt definite în pixeli
- aceste atribute ajuta navigatorul WEB sa rezerve spațiul destinat imaginii
- nu este recomandat să scalați o imagine mare la o dimensiune mai mica cu ajutorul acestor atribute, deoarece utilizatorul va fi obligat să descarce imaginea originala, cu toate că aceasta este afișată mai mică în navigatorul WEB
- atributul usemap:
- este folosit pentru a mapa porțiuni din imagine
- acest atribut nu poate fi folosit dacă imaginea se afla în interiorul unui link sau a unui buton
- porțiunilor mapate li se pot atribui linkuri sau acțiuni
- atributul ismap:
- marchează imaginea ca find mapata pe partea server
- atributul poate fi folosit doar dacă acesta se afla în interiorul unui link valid (elementul <a> sa aibă atributul href valid)
- când se dă click pe imagine se trimit coordonatele punctului către server
- atributul title:
- poate fi folosit pentru a afisa un text descriptiv cand mouseul este deasupra imaginii
Niciun comentariu:
Trimiteți un comentariu