abc HTML5 i CSS TUTORIAL

Dodavanje slike /IMAGE/


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)


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

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>

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>

 

Daljnji rad 1:

Aktivnost

Ekran

Na folderu se nalazi fajl baner1.gif napisati kod za dodavanje slike.
 

Daljnji rad 2:

Aktivnost

Ekran
Na folderu se nalazi fajl baner2.gif napisati kod za dodavanje slike. slike.
 

Daljnji rad 3:

Aktivnost

Ekran
Na folderu se nalazi fajl leonardo.jpg napisati kod za dodavanje slike. slike.

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

Index