SLIKA U ĆELIJI TABELE /TABLE - IMAGE IN CELL/
(<TABLE BORDER="piksel"><TR><TD><IMG SRC="ime_slike">)
Sadržaj ćelije /TABLE DATA/ može biti i slika <IMG SRC="ime_slike">.:
Primjer 1..Kreirati tabelu sa jednim redom su dvije kolone (tj. dvije ćelije u jednom redu). Tekst u prvoj ćeliji je 111 a u drugoj ćeliji je slika zorg_logo.gif. Deblijna linja tabele je 1.
| Kod | Objašnjenje | Ispis na ekran | ||
|
<html> <head><title>Dodavanje slike</title></head> <body> <table border="1" width="100%"> <tr> <td>111</td> <td><img src="zorg_logo.gif"></td> </tr> </table> </body></html> |
Tabela sa jednim redom i dvije ćelije. Prva ćelija je 111 a u drugoj je slika. |
|
Primjer 3.Kreirati tabelu sa jednom ćelijom okvir 3 piksela i sa slikom eNovinelogo.gif.
| Kod | Objašnjenje | Ispis na ekran | |
|
<html> <head><title>Dodavanje slike</title></head> <body> <table border="3"> <tr> <td><img src="enovinelogo.gif"></td> </tr> </table> </body></html> |
Tabela sa jednom ćelijom okvirom od 3 piksela i okvir oko slike jer nije navedena širina tabele. |
|
Primjer 4. Napisati kod za dodavanje slike sa interneta u ćeliju tabele: http://www.znanje.org/epp/000/Asistent.jpg.
| Kod | Objašnjenje | Ispis na ekran | |
|
<html> <head><title>Dodavanje slike</title></head> <body> <table border="3"> <tr> <td><img src="http://www.znanje.org/epp/000/Asistent.jpg"></td> </tr> </table> </body></html> |
Tabela sa jednom ćelijom okvirom od 3 piksela i okvir oko slike jer nije navedena širina tabele. Slika se koristi sa interneta. |
|
Daljnji rad 1: Kreirati tabelu sa dva reda i dvije kolone. Tekst ćelija u prvom redu 41 i 52, a drugom redu baner1.gif i baner2.gif. Deblijna linija je 6.
(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
