Hogyan Készítsünk Kúszó Vonalat Html-ben

Tartalomjegyzék:

Hogyan Készítsünk Kúszó Vonalat Html-ben
Hogyan Készítsünk Kúszó Vonalat Html-ben
Anonim

A webtervezők sokféle effektust használnak az általuk létrehozott oldalak díszítésére. E hatások egyike egy kúszó vonal, amely vonzza a felhasználó figyelmét, és elolvassa a szöveget.

Hogyan készítsünk kúszó vonalat html-ben
Hogyan készítsünk kúszó vonalat html-ben

Szükséges

html szerkesztő

Utasítás

1. lépés

A HTML használatához html szerkesztőre van szükség, például СuteHTML. Letöltheti hordozható verzióját, amely nem igényel telepítést, a cikk végén található linkről. Ez a szerkesztő szintaxis kiemeléssel rendelkezik, és nagyon kényelmes a HTML alapjainak elsajátításához.

2. lépés

Nyissa meg a szerkesztőt, és írja be ezt a kódot a címkék közé: Csodálatos pillanatra emlékszem: Megjelentél előttem, Mint egy röpke jövőkép, Mint a tiszta szépség zsenije.

3. lépés

Kattintson a Nézet böngészőben ikonra (nagyító a földgömb hátterén) a kódszerkesztőben. Megnyílik az alapértelmezett böngésző, a futó sorban látni fogja Puskin verseit. Most nézze meg alaposan a fenti példát. A sátorcímke feltérképezési címke. A magasság és szélesség paraméterek beállítják a vonallánc magasságát és szélességét, a bgcolor határozza meg a háttér színét, ebben az esetben fehér. Helyettesítse a zöldet a fehérre, és a vonal háttér zöldre vált. Kísérletezzen a sor margó színével, szélességével és magasságával.

4. lépés

A BEHAVIOR paraméter segítségével további paramétereket adhat meg a vonal mozgatásához. Például változtassa meg a nyitókód címkét az alábbiak szerint: Indítson előnézetet a szerkesztőben - most a szöveg a vonalláda egyik oldaláról a másikra és visszafelé mozog.

5. lépés

A görgetősor mozgásirányát a DIRECTION = ".." paraméterrel állíthatja be, a következő értékeket helyettesítve: balra - a vonal balra mozog. jobb - a vonal jobbra megy. fel - alulról felfelé. lefelé - fentről lefelé.

6. lépés

Próbáljon átméretezni a szöveget a Szöveg címkébe csatolva. Ebben a példában a szöveg mérete 5. A színét a Szöveg címke segítségével is megváltoztathatja. Ebben a példában a szöveg piros lesz.

Ajánlott: