Slike (Images) su ključni deo web stranica i koriste se za vizuelni prikaz grafika, fotografija i drugih vizuelnih elemenata. Da biste uključili slike u HTML dokument, koristite <img> oznaku. Evo objašnjenja i primera za uključivanje slika u HTML dokument:
Objašnjenje:
- <img> oznaka: Oznaka za prikazivanje slika u HTML dokumentima je <img>. Ova oznaka ne zahteva zatvarajući tag, jer ne sadrži unutrašnji sadržaj. Umesto toga, koristi se atribut src za navođenje putanje do slike.
- Atribut src: Atribut src (source) se koristi za navođenje putanje do slike. Putanja može biti apsolutna (npr. URL) ili relativna (npr. putanja do lokalne slike na serveru). Na primer, <img src="slika.jpg">.
- Atribut alt: Atribut alt (alternative text) se koristi za pružanje alternativnog teksta koji se prikazuje ako slika ne može da se učita ili za osobe sa oštećenim vidom. Na primer, <img src="slika.jpg" alt="Opis slike">.
Primeri:
Uključivanje slike sa apsolutnom putanjom:
<img src="https://example.com/slike/mojalogo.png" alt="Logo">
Uključivanje slike sa relativnom putanjom (slika se nalazi u istom direktorijumu kao HTML dokument):
<img src="slika.jpg" alt="Opis slike">
Dodavanje širine i visine slike (koristeći width i height atribute) kako bi se prilagodila:
<img src="slika.jpg" alt="Opis slike" width="300" height="200">
Uključivanje slike kao hyperlinka (slika se može kliknuti i vodi na drugu stranicu):
<a href="stranica.html">
<img src="slika.jpg" alt="Opis slike">
</a>
Slike su ključni deo web dizajna i često se koriste za poboljšanje vizuelnog sadržaja na web stranicama. Važno je pridržavati se pravila autorskih prava i koristiti odgovarajuće formate slika kako bi se obezbedila dobra performansa i ispravan prikaz na različitim uređajima.
No comments:
Post a Comment