Komendy języka html część 2

Animacja Marquee

Minimalna definicja Marquee ma postać

​

<MARQUEE >Ala ma kota.</MARQUEE>

Tekst może się poruszać na trzy sposoby:

BEHAVIOR=SCROLL powoduje, że tekst porusza się od jednego brzegu strony w kierunku drugiego, znika za nim i wypływa ponownie zza pierwszego brzegu.

BEHAVIOR=SLIDE powoduje, że tekst wyrusza od pierwszego brzegu, dociera do drugiego i zatrzymuje się.

BEHAVIOR=ALTERNATE powoduje,

że tekst wyrusza od pierwszego brzegu, dociera do

drugiego i "odbija się", powracając w kierunku

pierwszego.

Przykład !

<MARQUEE BEHAVIOR=ALTERNATE >

​

Ala ma kota!

​

</MARQUEE>

kierunek przesuwania tekstu

​

< marquee direction=kierunek > tekst przesuwany </marquee>

​

Left – w lewo

Right – w prawo

Up- w górę

Down – dół

​

Kolor tła na jakim się przesuwa

< marquee bgcolor = kolor > tekst przesuwany </marquee>

​

​

Rozmiar na ekranie:

W pikselach

<marquee width = x height = y > tekst do przesuwania</ marquee>

​

W procentach

<marquee width = x% height = y% > tekst do przesuwania</ marquee>

​

Ilość powtórzeń:

<marquee loop = n > tekst do przesuwania</ marquee>

​

​

Szybkość przesuwania tekstu:

​

<marquee scrollamount =x > tekst do przesuwania</ marquee>

​

Można te parametry łączyć:

​

<MARQUEE BEHAVIOR=SCROLL direction=Right bgcolor = red scrollamount =20 > <h1> Ala ma kota!</h1></MARQUEE>

​

Pozioma linia

<HR>

Długość linii od lewego marginesu do

prawego marginesu

<HR SIZE=5>

Pozioma linia o grubości 5 pikseli

Linia o długości 300 pikseli

​

<HR WIDTH=300>

<HR WIDTH=50%>

Pozioma linia :

długość - 50% szerokości strony

<hr color="red">

Pozioma linia o kolorze czerwonym

2. Linii możemy nadać dowolną grubość i kolor: <hr style="height: 5px; color: red">

3. Linia może mieć określoną długość w pikselach lub procentach: <hr style="width: 50%; ">

4. Linia może być dosunięta do prawego marginesu: <hr style="width: 50%; text-align: right; ">

1.<hr>

Przykład

​

• Pierwszy punkt
• Drugi punkt
• Trzeci punkt

​

Wykazy

​

Wykaz nieuporządkowany - służy do sporządzenia

wykazu nienumerowanego

<UL>

<LI>Pierwszy punkt

<LI>Drugi punkt

<LI>Trzeci punkt

</UL>

Lista nieuporządkowana może dodatkowo

zawierać definicję symbolu graficznego

<UL TYPE=disc>

<LI>Pierwszy punkt

<LI>Drugi punkt

<LI>Trzeci punkt

</UL>

​

Przykład:

​

• Pierwszy punkt
• Drugi punkt
• Trzeci punkt

​

<UL TYPE=circle>

<LI>Pierwszy punkt

<LI>Drugi punkt

<LI>Trzeci punkt

</UL>

Przykład:

​

• Pierwszy punkt
• Drugi punkt
• Trzeci punkt

​

Przykład:

​

• Pierwszy punkt
• Drugi punkt
• Trzeci punkt

​

<UL TYPE=square>

<LI>Pierwszy punkt

<LI>Drugi punkt

<LI>Trzeci punkt

</UL>

Wykaz uporządkowany - służy do sporządzenia

wykazu numerowanego

<OL>

<LI>Pierwszy punkt

<LI>Drugi punkt

<LI>Trzeci punkt

</OL>

Przykład:

1. Pierwszy punkt
2. Drugi punkt
3. Trzeci punkt

​

​

<OL TYPE=A> - numerowanie według

wielkich liter

<OL TYPE=a> - numerowanie według

małych liter

<OL TYPE=I> - numerowanie według

wielkich liczebników

rzymskich

Parametr TYPE=n pozwala określić typ

numerowania listy

<OL TYPE=i> - numerowanie według

małych liczebników

rzymskich

​

<OL TYPE=1> - numerowanie według

liczebników arabskich

BGSOUND - dźwięk w tle

Przykład:

<bgsound src="plik.wav" loop="2" volume="0">

Specyficzne atrybuty

src - źródło pliku

loop - liczba odtworzeń dźwięku

Loop =‘’infinite” – w petli czasowej

volume - reguluje głośność

Oraz plik wideo

<embed src="plik.avi" loop="2" volume="0">

​