abc HTML5 i CSS TUTORIAL

Okvir oko slike /BORDER/


Slika 1. Tip TAG-a

Okvir oko slike /BORDER/   Sintaksa: <IMG SRC="ime_slike" BORDER="okvir">

  • BORDER=" obavezna riječ, znak jednakosti i otvoreni navodnici
  • okvir veličina okvira u pikselima
  • " - ozbavezan znak za završenje naredbe

Za BORDER="0" ne prikazuje se okvir slike.
Za BORDER="1" okvir slike je debljine 1 piksel.


Slika 2. Primjer okvir oko slike

Primjer 1 Veličina okvira slike je 1 piksel.

Kod Objašnjenje Ispis na ekran
<!DOCTYPE html>
<html>
<head>
<title>Veličina okvira</title>
</head>
<body>
<IMG SRC="zorg_logo.gif"BORDER="1">
</body></html>

BORDER="1" Veličina okvira 1 piksel
 

Primjer 2 Veličina okvira slike je 4 piksela a slijedeća slika nema okvira..

Kod Objašnjenje Ispis na ekran
<!DOCTYPE html>
<html>
<head><title>Veličina okvira2</title></head>
<body>
<img src="zorg_logo.gif"border="4">
<img src="zorg_logo.gif"border="0">
</body></html>

BORDER="4" Veličina okvira 4 piksela
BORDER="0" Nema okvira

Daljnji rad 1: Napisati html kod za sliku baner1.gif da ima okvir veličine 4:

Aktivnost Ispis na ekranu
Na folderu se nalazi fajl baner1.gif napisati kod da ima okvir veličine 4.

Daljnji rad 2: Napisati html kod za sliku baner2.gif da ima okvir veličine 2:

Aktivnost Ispis na ekranu

Na folderu se nalazi fajl baner2.gif napisati kod da ima okvir veličine 2.

Daljnji rad 3: Napisati html kod za sliku baner3.gif da ima okvir veličine 6:

Daljnji rad 4: Napisati html kod za sliku baner4.gif da ima okvir veličine 3:

Daljnji rad 5: Napisati html kod za sliku eNovinelogo.gif da ima okvir veličine 15 i bez okvira u istom redu:

Daljnji rad 5: Napisati html kod za sliku baner1.gif da ima okvir veličine 5 i bez okvira u istom redu:

Daljnji rad 5: Napisati html kod za sliku baner2.gif da ima okvir veličine 5 i bez okvira u istom redu:

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