SLIKA KAO POZADINA DOKUMENTA /BACKGROUND IMAGE/ (<body background="ime_slike.ext>)
Slika kao pozadina dokumenta /BACKGROUND IMAGE/ je dizajnersko rješenje. Obično se koriste slike koje nemaju mnogo prelaza svjetlo tamno da bi mogli koristi suprotnu (inverznu) boju za font.
 |
Dodavanje slike kao boje pozadine dokumenta se izvodi naredbom
(<body background="ime_slike.ext>)
gdje su:
- <background> obavezno se koristi u BODY TAG-u
- ime_slike.ext naziv slike sa ekstenzijom. Ako slika nije na isto folderu kao dokument treba dodati i putanju.
|
Primjer 1. Koristiti sliku baner11.gif kao sliku u pozadini dokumenta.
Kod |
Objašnjenje |
Ispis na ekran |
<html>
<head><title>Slika kao pozadina dokumenta</title></head>
<body background="baner11.gif">
Tekst se vidi iznad slike
</body></html>
|
Dodavanje slike kao pozadine dokumenta
baner11.gif |
Tekst se vidi iznad slike |
Primjer 2. Pozadina dokumenta je slika baner12.gif.
Kod
za prvu sliku |
Ispis na ekranu |
<html>
<head><title>Slika kao pozadina dokumenta</title></head>
<body background="baner12.gif">
Tekst se vidi iznad slike
</body></html> |
Tekst se vidi iznad slike |
Primjer 3. Pozadina dokumenta je slika baner12.gif.
Kod
za prvu sliku |
Ispis na ekranu |
<html>
<head><title>Slika kao pozadina dokumenta</title></head>
<body background="background01.jpg">
<font color="#FFFFFF">Tekst se vidi iznad slike
</body></html> |
Tekst se vidi iznad slike |
Daljnji rad 1: Pozadina dokumenta je slika baner13.gif.
Daljnji rad 2: Pozadina dokumenta je slika baner14.gif.
(Pri pisanju se mogu koristiti
standardne opcije Edit/Copy,
Edit/Paste)
.
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
Znanje.org
<< nazad
|