HTML သင္ၾကားျခင္း
အခု Animation ေလး က ေတာ web page အ ေပၚ မွ ေၿပး လြား ေန ၾက တဲ စာ တန္း ေလး ေတြ စမ္း သက္ ၾက ၇ ေအာင္ ။ ကဲ Let's go !
<marquee behavior="alternate">TEXT</marquee>
<marquee direction="up" behavior="alternate">TEXT</marquee>
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TEXT</marquee></marquee>
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">TEXT</marquee></marquee>
<marquee behavior="alternate" width="10%">>></marquee>TEXT<marquee behavior="alternate" width="10%"><<</marquee>
<marquee behavior="alternate" width="10%">>></marquee>TEXT<marquee behavior="alternate" width="10%"><<</marquee>
....................................................................................
<marquee behavior="scroll" direction="up" scrollamo unt="3" style="position: absolute; left: 127px; top: 150px; width: 16px; height: 511px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="5" style="position: absolute; left: 179px; top: 170px; width: 16px; height: 383px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="1" style="position: absolute; left: 229px; top: 190px; width: 16px; height: 304px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="up" scrollamo unt="4" style="position: absolute; left: 276px; top: 180px; width: 16px; height: 529px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="4" style="position: absolute; left: 324px; top: 160px; width: 16px; height: 404px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="up" scrollamo unt="2" style="position: absolute; left: 232px; top: 190px; width: 16px; height: 230px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="7" style="position: absolute; left: 142px; top: 150px; width: 16px; height: 237px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="up" scrollamo unt="7" style="position: absolute; left: 295px; top: 170px; width: 16px; height: 273px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="2" style="position: absolute; left: 105px; top: 230px; width: 16px; height: 246px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="up" scrollamo unt="3" style="position: absolute; left: 370px; top: 190px; width: 16px; height: 435px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="4" style="position: absolute; left: 392px; top: 150px; width: 16px; height: 522px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="up" scrollamo unt="7" style="position: absolute; left: 433px; top: 170px; width: 16px; height: 416px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="7" style="position: absolute; left: 466px; top: 200px; width: 16px; height: 411px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="up" scrollamo unt="1" style="position: absolute; left: 566px; top: 170px; width: 16px; height: 497px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="6" style="position: absolute; left: 586px; top: 200px; width: 16px; height: 445px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="up" scrollamo unt="1" style="position: absolute; left: 532px; top: 170px; width: 16px; height: 382px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="3" style="position: absolute; left: 610px; top: 200px; width: 16px; height: 331px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="up" scrollamo unt="6" style="position: absolute; left: 649px; top: 250px; width: 16px; height: 403px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="4" style="position: absolute; left: 695px; top: 290px; width: 16px; height: 523px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="up" scrollamo unt="7" style="position: absolute; left: 650px; top: 180px; width: 16px; height: 259px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="6" style="position: absolute; left: 689px; top: 160px; width: 16px; height: 219px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="up" scrollamo unt="3" style="position: absolute; left: 727px; top: 200px; width: 16px; height: 406px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="6" style="position: absolute; left: 755px; top: 150px; width: 16px; height: 528px;"><span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee> <marquee behavior="scroll" direction="down" scrollamo unt="2" style="position: absolute; left: 786px; top: 180px; width: 16px; height: 414px;"><span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<html>
................................................................................................................................
အ ခု ေရး တဲ့ page ေလး က ေတာ့ desktop backgroun d ေလး ပါ
ကို ၾကိ ုတ္ တ့ဲ page ကို backgroun d ထား ႏုိင္ပါ တယ္
<html>
<body>
<iframe src="http://google.com
" width="100%" height="100%"</iframe>
</body>
</html>
အ ခု ေရးထား တဲ html ေလး က ေတာ့ google ကို backgroun d ခံ ထား တာ ပါ ။
ကိုယ္ ၾကိဳတ္ တ့ဲ page ေလး ေတြ backgroun d ထား ႏုိင္ ပါ တယ္။
<marquee behavior="alternate">TEXT</marquee>
<marquee direction="up" behavior="alternate">TEXT</marquee>
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TEXT</marquee></marquee>
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">TEXT</marquee></marquee>
<marquee behavior="alternate" width="10%">>></marquee>TEXT<marquee behavior="alternate" width="10%"><<</marquee>
<marquee behavior="alternate" width="10%">>></marquee>TEXT<marquee behavior="alternate" width="10%"><<</marquee>
....................................................................................
အ သဲ ေလး ေတြ ပါ web page ေပၚ မွ ေၿပး လြား ေန ၾက ပါ တယ္ ။
<html><marquee behavior="scroll" direction="up" scrollamo unt="3" style="position: absolute; left: 127px; top: 150px; width: 16px; height: 511px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="5" style="position: absolute; left: 179px; top: 170px; width: 16px; height: 383px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="1" style="position: absolute; left: 229px; top: 190px; width: 16px; height: 304px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="up" scrollamo unt="4" style="position: absolute; left: 276px; top: 180px; width: 16px; height: 529px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="4" style="position: absolute; left: 324px; top: 160px; width: 16px; height: 404px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="up" scrollamo unt="2" style="position: absolute; left: 232px; top: 190px; width: 16px; height: 230px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="7" style="position: absolute; left: 142px; top: 150px; width: 16px; height: 237px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="up" scrollamo unt="7" style="position: absolute; left: 295px; top: 170px; width: 16px; height: 273px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="2" style="position: absolute; left: 105px; top: 230px; width: 16px; height: 246px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="up" scrollamo unt="3" style="position: absolute; left: 370px; top: 190px; width: 16px; height: 435px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="4" style="position: absolute; left: 392px; top: 150px; width: 16px; height: 522px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="up" scrollamo unt="7" style="position: absolute; left: 433px; top: 170px; width: 16px; height: 416px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="7" style="position: absolute; left: 466px; top: 200px; width: 16px; height: 411px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="up" scrollamo unt="1" style="position: absolute; left: 566px; top: 170px; width: 16px; height: 497px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="6" style="position: absolute; left: 586px; top: 200px; width: 16px; height: 445px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="up" scrollamo unt="1" style="position: absolute; left: 532px; top: 170px; width: 16px; height: 382px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="3" style="position: absolute; left: 610px; top: 200px; width: 16px; height: 331px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="up" scrollamo unt="6" style="position: absolute; left: 649px; top: 250px; width: 16px; height: 403px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="4" style="position: absolute; left: 695px; top: 290px; width: 16px; height: 523px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="up" scrollamo unt="7" style="position: absolute; left: 650px; top: 180px; width: 16px; height: 259px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="6" style="position: absolute; left: 689px; top: 160px; width: 16px; height: 219px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="up" scrollamo unt="3" style="position: absolute; left: 727px; top: 200px; width: 16px; height: 406px;">
<span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<marquee behavior="scroll" direction="down" scrollamo unt="6" style="position: absolute; left: 755px; top: 150px; width: 16px; height: 528px;"><span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee> <marquee behavior="scroll" direction="down" scrollamo unt="2" style="position: absolute; left: 786px; top: 180px; width: 16px; height: 414px;"><span style="color: rgb(25, 25, 112) ! important;">♥</span></marquee>
<html>
................................................................................................................................
အ ခု ေရး တဲ့ page ေလး က ေတာ့ desktop backgroun d ေလး ပါ
ကို ၾကိ ုတ္ တ့ဲ page ကို backgroun d ထား ႏုိင္ပါ တယ္
<html>
<body>
<iframe src="http://google.com
" width="100%" height="100%"</iframe></body>
</html>
အ ခု ေရးထား တဲ html ေလး က ေတာ့ google ကို backgroun d ခံ ထား တာ ပါ ။
ကိုယ္ ၾကိဳတ္ တ့ဲ page ေလး ေတြ backgroun d ထား ႏုိင္ ပါ တယ္။
0 ေရာက္မွေ၀ဖန္သြားသည္:
Post a Comment