abc HTML5 i CSS TUTORIAL

Pokretna poruka /MARQUEE/ <marquee atribut="Vrijednost">


Slika 1. Izbor vrijednosti atributa - Linijski CSS /INLINE CSS/

Pokretna poruka /MARQUEE/  se koristi za dodavanje pokretnog teksta.   
( <marquee direction="right"tekst u desno</marquee> )
Sintaksa:   <marquee direction="up | down | left | right;">

Oznake:
marquee
Atribut: direction

Legenda tipova smjerova pokretne poruke:
up - na gore
down - na dole
left - lijevo
right - desno

( <marquee scrollamount="30">=Izmjeni brzinu kretanja poruke</marquee> )
Sintaksa:   <marquee scrollamount="broj;">

Oznake:
marquee
Atribut: scrollamount

Legenda tipova smjerova pokretne poruke:
Što je veći broj u ATRIBUTE VALUES tekst se brže kreće.

N >>

Tekst u desno
Slika/Primjer 2. Pokretna poruka /MARQUEE/

Primjer 1. Atribut: direction /ATTRIBUTE VALUES/

Vrijednost

Poruka se pomjera:

Kod za primjer

Primjer

up

na gore

 <marquee direction="up">Pomjera na tekst na gore</marquee> Pomjera na tekst na gore

down

na dole


 <marquee direction="down">Pomjera na tekst na dole</marquee> Pomjera na tekst na dole

left

lijevo

 <marquee direction="left">Pomjera na tekst u lijevo</marquee> Pomjera na tekst u lijevo

right

desno

 <marquee direction="right">Pomjera na tekst u desno</marquee> Pomjera na tekst u desno

Primjer 2. Pomjera na tekst u lijevo i desno /DIRECTION/.

<!DOCTYPE html>
<html>
<head><title>Numerisana lista</title>
</head>
<body>
<marquee direction="left">Pomjera na tekst u lijevo</marquee>
<marquee direction="right">Pomjera na tekst u desno</marquee>
</body></html>		 Pomjera na tekst u lijevo
Pomjera na tekst u desno

Primjer 3. Brzina pomjeranja /SCROLLAMOUNT/

<!DOCTYPE html>
<html>
<head><title>Numerisana lista</title>
</head>
<body>
<marquee scrollamount="30">Brzina pomjeranja 30.</marquee>
<marquee scrollamount="20">Brzina pomjeranja 20.</marquee>
<marquee scrollamount="10">Brzina pomjeranja 10.</marquee>
</body></html>		 Brzina pomjeranja 30.
Brzina pomjeranja 20.
Brzina pomjeranja 10.

Primjer 4. Redoslijed po rimskim brojevima - velika slova /UPPER CASE/

   

Redoslijed po rimskim brojevima - mala slova /LOWER CASE/

   

Daljnji rad: Napisati html kod za slijedeće primjere:

  1. Provjerite svoje znanje:
    Zadatak Ispis
    Pronaći brzinu za prikazani tekst. Pomjera tekst brzo.

  2. Provjerite svoje znanje:
    Zadatak Ispis
    Pronaći brzinu za prikazani tekst. Pomjera tekst sporo.

  3. Provjerite svoje znanje:
    Zadatak Ispis

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