abc HTML5 i CSS TUTORIAL

Poravnanje teksta oko slike /ALIGN IMAGE/ STYLE="FLOAT:

Poravnanje teksta oko slike /ALIGN IMAGE/ STYLE="FLOAT:   Sintaksa: <IMG SRC="ime_slike" style="float:poravnanje">

Tekst_kopiraj

Poravnanje slike se izvodi naredbom atributom <IMG SRC="ime_slike" style="float:poravnanje">
gdje je:

  • style="float: obavezna znakovi, znak jednakosti i otvoreni navodnici
  • poravnanje oblik poravnanja: LEFT, RIGHT, CENTER ili bez poravnanja.
  • " - ozbavezan znak za završenje naredbe

Primjer 1 Bez poravnanja slike u odnosu na tekst.

Kod Objašnjenje Ispis na ekran
<!DOCTYPE html>
<html>
<head>
<title>Dodavanje slikea</title>
</head>
<body>
<p>Jedan, dva, tri <IMG SRC="zorg_logo.gif"> tri, dva, jedan.</p>
</body> </html>

Bez poravnanja

 Jedan, dva, tri Jedan, dva, tri
 

Primjer 2 Lijevo /LEFT/ poravnanje slike.

Kod Objašnjenje Ispis na ekran
<!DOCTYPE html>
<html>
<head>
<title>Dodavanje slikea</title>
</head>
<body>
<p>Jedan, dva, tri <IMG SRC="zorg_logo.gif" style="float:left";> tri, dva, jedan.</p>
</body> </html>

Lijevo poravnanje. style="float:left

Jedan, dva, tri tri, dva, jedan.

Primjer 3 Desno /RIGHT/ poravnanje slike.

Kod Objašnjenje Ispis na ekran
<!DOCTYPE html>
<html>
<head>
<title>Dodavanje slikea</title>
</head>
<body>
<p>Jedan, dva, tri <IMG SRC="zorg_logo.gif" style="float:right";> tri, dva, jedan.</p>
</body> </html>

Lijevo poravnanje. style="float:right

Jedan, dva, tri tri, dva, jedan.

Daljnji rad 1: Napisati html kod za sliku baner1.gif lijevo poravnanje sa tekstom:

Aktivnost Ispis na ekranu

Napisati html kod za sliku baner1.gif lijevo poravnanje sa tekstom:

Stonehenge je najpoznatiji svjetski predistorijski spomenik.Nalazi se u Velikoj Britaniji.To je krug od slozenog megalitskog kamenja koje je visoko 6-7.3 metra,a najtezi kamen je tezak oko 40 tona.Star je preko 4000 godina.Kamenje je slagano u fazama.Prvo je napravljen vanjski krug od velikog kamenja pjescenjaka(tako da je na 2 okomita kamena postavljen 1 vodoravni).

Stonehenge je najpoznatiji svjetski predistorijski spomenik.Nalazi se u Velikoj Britaniji.To je krug od slozenog megalitskog kamenja koje je visoko 6-7.3 metra,a najtezi kamen je tezak oko 40 tona.Star je preko 4000 godina.Kamenje je slagano u fazama.Prvo je napravljen vanjski krug od velikog kamenja pjescenjaka(tako da je na 2 okomita kamena postavljen 1 vodoravni).

Daljnji rad 2: Napisati html kod za sliku baner3.gif desno poravnanje sa tekstom:

Aktivnost Ispis na ekranu

Napisati html kod za sliku baner3.gif desno poravnanje sa tekstom:

Do Stonehenge-a je vodila avenija i tu su pred ulazom bila dva kamena kroz koje je sredinom ljeta sunce, u svanuce,bacalo svoje zrake u sredinu kruga,na oltar.Isto to se desavalo i zimi kada je sunce zalazilo i svoje zadnje zrake bacalo na oltar. Postoji i kamen za koji postoji legenda da su mu prinosene zrtve.Smatra se da je Stonehenge vijekovima sluzio kao hram, opservatorij ili cak kao kalendar.

 Do Stonehenge-a je vodila avenija i tu su pred ulazom bila dva kamena kroz koje je sredinom ljeta sunce, u svanuce,bacalo svoje zrake u sredinu kruga,na oltar.Isto to se desavalo i zimi kada je sunce zalazilo i svoje zadnje zrake bacalo na oltar. Postoji i kamen za koji postoji legenda da su mu prinosene zrtve.Smatra se da je Stonehenge vijekovima sluzio kao hram, opservatorij ili cak kao kalendar.

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