abc HTML5 i CSS TUTORIAL
Dodavanje slike /IMAGE/
![](../img/htm_10605.jpg)
Slika 1. Tip TAG-a
|
Dodavanje slike /IMAGE/ Sintaksa: <IMG SRC="ime_slike">
- obavezni znakovi <IMG SRC=" " >
- ime_slike - putanja i puno ime slike (sa ekstenzijom)
|
![](zorg_logo.gif)
Slika 2. Primjer dodavanje slike
|
Primjer 1. Slika kojoj nije navedena veličina.
Kod |
Objašnjenje |
Ekran |
<!DOCTYPE html>
<html>
<head>
<title>Dodavanje slike</title>
</head>
<body>
<img src="zorg_logo.gif">
</body></html> |
Dodavanje slike koja ima ime
zorg_logo.gif |
![](zorg_logo.gif) |
Primjer 2. Napisati kod za dodavanje slike eNovinelogo.gif.
Kod |
Ekran |
<!DOCTYPE html>
<html>
<head>
<title>Dodavanje slike2</title>
</head>
<body>
<img src="eNovinelogo.gif">
</body></html> |
![](eNovinelogo.gif) |
Primjer 3. Napisati kod za dodavanje slike sa interneta http://www.znanje.org/epp/000/Asistent.jpg.
Kod |
Ekran |
<!DOCTYPE html>
<html>
<head>
<title>Dodavanje slike3</title>
</head>
<body>
<img src="http://www.znanje.org/epp/000/Asistent.jpg">
</body></html> |
![](http://www.znanje.org/epp/000/Asistent.jpg)
|
Daljnji rad 1:
Aktivnost |
Ekran |
Na folderu se nalazi fajl baner1.gif napisati kod za dodavanje slike. |
![](baner1.gif) |
Daljnji rad 2:
Aktivnost |
Ekran |
Na folderu se nalazi
fajl baner2.gif napisati kod za dodavanje slike. slike. |
![](baner2.gif) |
Daljnji rad 3:
Aktivnost |
Ekran |
Na folderu se nalazi
fajl leonardo.jpg napisati kod za dodavanje slike. slike. |
![](leonardo.jpg) |
Prozor na dnu stranice je namjenje za provjeru koda:
- kopirajte kod (edit, copy, paste ili CTRL+C, CTRL+V ili DRAG&DROP metodom), editovanje je moguće u prozoru
|