HTML เคช्เคฐेเค्เคिเคเคฒ - เคฎाเคฐ्เคी เคा เคช्เคฐเคฏोเค เคैเคธे เคเคฐें?
HTML Practical - How to Create Marquee?
เคตेเคฌ เคกिเคाเคเคจ เคตिเคฆ เคเคเคीเคเคฎเคเคฒ เคช्เคฐेเค्เคिเคเคฒ - เคฎाเคฐ्เคी เคैเค्เคธ เคा เคช्เคฐเคฏोเค
Web Design with HTML Practical - Using Marquee Tags
HTML เคฎें เคฎाเคฐ्เคी <marquee> เคा เคเคชเคฏोเค เคेเค्เคธ्เค เคฏा เคเคฎेเค เคो เคธ्เค्เคฐॉเคฒ เคเคฐเคจे เคे เคฒिเค เคिเคฏा เคाเคคा เคนै। เคเคเคीเคเคฎเคเคฒ เคฎाเคฐ्เคी เคैเค เคे เคฆ्เคตाเคฐा เคेเค्เคธ्เค เคो เคฌाเคँ, เคฆाเคँ, เคเคชเคฐ เคฏा เคจीเคे เคธ्เค्เคฐॉเคฒ เคเคฐ เคธเคเคคे เคนैं। เคฏเคน เคเค เคคเคฐเคน เคธे เคेเค्เคธ्เค เคชเคฐ เคเคจिเคฎेเคถเคจ เคเคซेเค्เค เคा เคाเคฐ्เคฏ เคเคฐเคคा เคนै।
เคตेเคฌเคธाเคเค เค
เคฅเคตा เคตेเคฌเคชेเค เคชเคฐ เคिเคธी เคญी เคฎเคนเคค्เคค्เคตเคชूเคฐ्เคฃ เคंเคेเคจ्เค เคैเคธे เคฒेเคेเคธ्เค เค
เคชเคกेเค, เคธूเคเคจा เคเคฆि เคो เคช्เคฐเคฆเคฐ्เคถिเคค เคเคฐเคจे เคे เคฒिเค เคฎाเคฐ्เคी เคेเค्เคธ्เค เคा เคช्เคฐเคฏोเค เคिเคฏा เคाเคคा เคนै।
เคฏเคน เคเค เคช्เคฐเคाเคฐ เคธे เคेเค्เคธ्เค เคो เคเคจीเคฎेเคถเคจ เคเฅेเค्เค เคช्เคฐเคฆाเคจ เคเคฐเคคा เคนै। เคिเคธเคธे เคेเค्เคธ्เค เคो เคฆाเคฏें / เคฌाเคฏे/ เคเคชเคฐ / เคจीเคे เคธ्เค्เคฐॉเคฒ เคिเคฏा เคा เคธเคเคคा เคนै। เคกिเคซ़ॉเคฒ्เค เคฐूเคช เคธे, <marquee> เคैเค เคा เคेเค्เคธ्เค เคฆाเคं เคธे เคฌाเคं เคเคฐ เคธ्เค्เคฐॉเคฒ เคนोเคคा เคนै।
Objective : เคเคเคीเคเคฎเคเคฒ เคฎाเคฐ्เคी (Marquee ) เคैเค्เคธ เคा เคช्เคฐเคฏोเค | Using Marquee Tags in HTML
เคตेเคฌ เคกिเคाเคเคจ เคเคเคीเคเคฎเคเคฒ เคช्เคฐोเค्เคฐाเคฎिंเค เคे เคช्เคฐेเค्เคिเคเคฒ เคช्เคฐाเคฏोเคिเค เคाเคฐ्เคฏ เคे เคฆ्เคตाเคฐा เคเคเคीเคเคฎเคเคฒ เคฎें เคฎाเคฐ्เคी เคा เคช्เคฐเคฏोเค เคैเคธे เคเคฐें เคเคธे เคธ्เคेเคช เคตाเคเฅ เคธ्เคेเคช เคธीเคेंเคे:
เคเคเคीเคเคฎเคเคฒ เคฎें เคฎाเคฐ्เคी เคฌเคจाเคจे เคे เคฒिเค <marquee> ........</marquee> เคैเค्เคธ เคा เคช्เคฐเคฏोเค เคिเคฏा เคाเคคा เคนै। HTML เคฎें เคฎाเคฐ्เคी <marquee> เคा เคเคชเคฏोเค เคेเค्เคธ्เค เคฏा เคเคฎेเค เคो เคธ्เค्เคฐॉเคฒ เคเคฐเคจे เคे เคฒिเค เคिเคฏा เคाเคคा เคนै।
HTML เคฎें เคฎाเคฐ्เคी เคैเค (Marquee Tag) เคे เคธाเคฅ เคฎुเค्เคฏ เคฐूเคช เคธे เคจिเคฎ्เคจ เคเคฒीเคฎेंเค เคा เคช्เคฐเคฏोเค เคिเคฏा เคा เคธเคเคคा เคนै।
Requirements : (Tools / Equipments / Instruments)
เคชเคฐ्เคธเคจเคฒ เคंเคช्เคฏूเคเคฐ / เคฎाเคเค्เคฐोเคธॉเคซ्เค เคตिंเคกोเค / เคจोเคเคชैเคก / เคตेเคฌ เคฌ्เคฐाเคเฅเคฐ
เคเคเคीเคเคฎเคเคฒ เคฎाเคฐ्เคी เคा เคช्เคฐเคฏोเค | Using Marquee in HTML
HTML เคฎें เคฎाเคฐ्เคी เคा เคช्เคฐเคฏोเค เคเคฐเคจे เคे เคฒिเค เคจिเคฎ्เคจाเคจुเคธाเคฐ เคธ्เคेเคช्เคธ เคช्เคฐเคฏोเค เคीเคिเค।
เคตिंเคกोเค เคे เคจोเคेเคชेเคก เคช्เคฐोเค्เคฐाเคฎ เคो เคเคชเคจ เคीเคिเค
START > ALL PROGRAMS > ACCESSORIES > NOTEPAD
เคจोเคเคชैเคก เคฎें เคจिเคฎ्เคจाเคจुเคธाเคฐ เคोเคก เคाเคเคช เคीเคिเค।
เคซाเคเคฒ เคो เคธेเคต เคीเคिเค। HTML File เคो เคธेเคต เคเคฐเคจे เคे เคฒिเค เคी-เคฌोเคฐ्เคก เคธे Ctrl + S เคฆเคฌाเคं। SaveAs เคกाเคฏเคฒॉเค เคฌॉเค्เคธ เคฎें เคซाเคเคฒ เคे เคจाเคฎ เคे เคธाเคฅ เคเค्เคธเคेंเคถเคจ เคे เคฐूเคช เคฎें HTML เค เคตเคถ्เคฏ เคฒिเคें. เคैเคธे marquee.html เคเคฐ Save as type : เคเคช्เคถเคจ เคชเคฐ เคจिเคฎ्เคจाเคจुเคธाเคฐ All Files เคธेเคฒेเค्เค เคเคฐ Save เคฌเคเคจ เคชเคฐ เค्เคฒिเค เคीเคिเค।
เคซाเคเคฒ เคो เคोเคฒเคจे เคे เคฒिเค เคฎाเคเคธ เคธे เคกเคฌเคฒ เค्เคฒिเค เคीเคिเค। เคเคชเคी เคซाเคเคฒ เคเคชเคे เคกिเฅॉเคฒ्เค เคฌ्เคฐाเคเฅเคฐ เคฎें เคเคชเคจ เคนो เคाเคเคी। เคฏเคน เคเคธ เคช्เคฐเคाเคฐ เคฆिเคाเค เคฆेเคी।
เคเคเคीเคเคฎเคเคฒ เคเคจเคฒाเคเคจ เคช्เคฐेเค्เคिเคธ – เคฎाเคฐ्เคी เคैเค เคा เคช्เคฐเคฏोเค
Online HTML Practice - Using Marquee Tag in HTML Program Code
HTML เคช्เคฐोเค्เคฐाเคฎ เคी เคเคจเคฒाเคเคจ เคช्เคฐैเค्เคिเคธ เคจीเคे เคฆिเค เคเค เคोเคก เคตिंเคกो เคฎें เคเคเคीเคเคฎเคเคฒ เคฎाเคฐ्เคी เคैเค เคा เคช्เคฐोเค्เคฐाเคฎ เคोเคก เคฒिเค เคเคฐ เคฎाเคฐ्เคी เคฌเคจा เคธเคเคคे เคนैं। เคช्เคฐोเค्เคฐाเคฎ เคोเคก เคा เคเคเคเคชुเค, เคฐिเคเคฒ्เค เคตिंเคกो เคฎें เคช्เคฐเคฆเคฐ्เคถिเคค เคนोเคा।
See the Pen Marquee Tag Program Code by ITI COPA (@copaguide) on CodePen.
➥ <marquee> ................ </marquee> เคैเค เคे เค
ंเคฆเคฐ เคตिเคญिเคจ्เคจ เคेเค्เคธ्เค เคो เคฒिเคเคเคฐ เคเคเคเคชुเค เคฐिเคเคฒ्เค เคตिंเคกो เคฎें เคेเค เคीเคिเค।
➥ <marquee direction="up/down/left/right"> ................ </marquee> เคो เคตिเคญिเคจ्เคจ เคेเค्เคธ्เค เคे เคธाเคฅ เคฒिเคเคเคฐ เคเคเคเคชुเค เคฐिเคเคฒ्เค เคตिंเคกो เคฎें เคेเค เคीเคिเค।
เคเคเคीเคเคฎเคเคฒ เคช्เคฐैเค्เคिเคเคฒ - เคฎाเคฐ्เคी เคฎें เคตिเคก्เคฅ, เคนाเคเค เคเคตं เคฌैเคเค्เคฐाเคंเคก เคเคฒเคฐ เคเคฒिเคฎेंเค्เคธ เคช्เคฐोเค्เคฐाเคฎ เคोเคก
Using Marquee Elements width, height and bgcolor
direction เคเคฒीเคฎेंเค เคा เคช्เคฐเคฏोเค เคเคเคीเคเคฎเคเคฒ เคฎें เคฎाเคฐ्เคी เคा เคกाเคฏเคฐेเค्เคถเคจ เคฒेเคซ्เค, เคฐाเคเค, เค เคช เคเคตं เคกाเคเคจ เคเคฐเคจे เคे เคฒिเค เคिเคฏा เคाเคคा เคนै। width เคเคตं height เคเคฒीเคฎेंเค เคธे เคจिเคฎ्เคจाเคจुเคธाเคฐ เคตिเคก्เคฅ เคเคตं เคนाเคเค เคो เคฌเคฆเคฒा เคा เคธเคเคคा เคนै। bgcolor เคा เคช्เคฐเคฏोเค เคเคเคीเคเคฎเคเคฒ เคฎें เคฎाเคฐ्เคी เคा เคฌैเคเค्เคฐाเคंเคก เคฌเคฆเคฒเคจे เคे เคฒिเค เคिเคฏा เคाเคคा เคนै।
HTML เคช्เคฐोเค्เคฐाเคฎ เคी เคเคจเคฒाเคเคจ เคช्เคฐैเค्เคिเคธ เคจीเคे เคฆिเค เคเค เคोเคก เคตिंเคกो เคฎें เคเคเคीเคเคฎเคเคฒ เคฎाเคฐ्เคी เคा เคฌैเคเค्เคฐाเคंเคก เคเคฒเคฐ, เคเคธเคी เคตिเคก्เคฅ เคเคตं เคนाเคเค เคो เคैเคธे เคช्เคฐเคฏोเค เคเคฐเคจा เคนै, เคเคธเคी เคช्เคฐैเค्เคिเคธ เคเคฐ เคธเคเคคे เคนैं। เคช्เคฐोเค्เคฐाเคฎ เคोเคก เคा เคเคเคเคชुเค, เคฐिเคเคฒ्เค เคตिंเคกो เคฎें เคช्เคฐเคฆเคฐ्เคถिเคค เคนोเคा।
See the Pen HTML Marquee with Width Height and Background by ITI COPA (@copaguide) on CodePen.
เคฎाเคฐ्เคी เคเคฒीเคฎेंเค behavior เคช्เคฐोเค्เคฐाเคฎ เคोเคก
Using behaivor Element in HTML Marquee Program Code
เคฌिเคนेเคตिเคฏเคฐ (behavior) เคเคฒीเคฎेंเค เคเคเคीเคเคฎเคเคฒ เคฎें เคฎाเคฐ्เคी เคो เคธ्เค्เคฐॉเคฒ, เคธ्เคฒाเคเคก เค
เคฅเคตा เคเคฒ्เคเคฐ्เคจेเค เคे เคฐूเคช เคช्เคฐเคฏोเค เคเคฐเคจे เคे เคฒिเค เคिเคฏा เคाเคคा เคนै।
เคกिเคซ़ॉเคฒ्เค เคฐूเคช เคธे <marquee> เคैเค เคा เคฌिเคนेเคตिเคฏเคฐ เคธ्เค्เคฐॉเคฒ (Scroll) เคนोเคคा เคนै।
See the Pen Marquee Behavior Slide Alternate Scroll Program Code by ITI COPA (@copaguide) on CodePen.
เคฎाเคฐ्เคी เคเคฒीเคฎेंเค behavior เคช्เคฐोเค्เคฐाเคฎ เคोเคก
Using behaivor Element in HTML Marquee Program Code
เคฌिเคนेเคตिเคฏเคฐ (behavior) เคเคฒीเคฎेंเค เคเคเคीเคเคฎเคเคฒ เคฎें เคฎाเคฐ्เคी เคो เคธ्เค्เคฐॉเคฒ, เคธ्เคฒाเคเคก เค
เคฅเคตा เคเคฒ्เคเคฐ्เคจेเค เคे เคฐूเคช เคช्เคฐเคฏोเค เคเคฐเคจे เคे เคฒिเค เคिเคฏा เคाเคคा เคนै।
เคกिเคซ़ॉเคฒ्เค เคฐूเคช เคธे <marquee> เคैเค เคा เคฌिเคนेเคตिเคฏเคฐ เคธ्เค्เคฐॉเคฒ (Scroll) เคนोเคคा เคนै।
See the Pen Marquee Behavior Slide Alternate Scroll Program Code by ITI COPA (@copaguide) on CodePen.
เคฎाเคฐ्เคी เคเคฒीเคฎेंเค scrolldelay, scrollamount, loop เคช्เคฐोเค्เคฐाเคฎ เคोเคก
Using scrolldelay, scrollamount, loop in HTML Program Code
เคธ्เค्เคฐॉเคฒเคกिเคฒे (scrolldelay) เคธ्เค्เคฐॉเคฒिंเค เคे เคฌीเค เคนोเคจे เคตाเคฒे delay เคो เคฎिเคฒिเคธेเคंเคก เคฎें เคเคฎ เคเคฐ เคे เคฒिเค เคช्เคฐเคฏोเค เคिเคฏा เคाเคคा เคนै। เคเคธเคी เคตैเคฒ्เคฏू เคो เคฌเฅाเคจे เคชเคฐ delay เคเคฎ เคนोเคคा เคाเคเคा।
เคธ्เค्เคฐॉเคฒ เค
เคฎाเคเคจ्เค (scrollamount) เคธ्เค्เคฐॉเคฒ เคिเค เคा เคฐเคนे เคेเค्เคธ्เค เคी เคธ्เคชीเคก เคो เคเคฎ เคฏा เค्เคฏाเคฆा เคเคฐเคจे เคे เคฒिเค เคिเคฏा เคाเคคा เคนै।
เคฒूเคช (loop) เคฎाเคฐ्เคी เคो เคिเคคเคจी เคฌाเคฐ เคเคฒाเคจा เคนै, เคเคธเคे เคฒिเค เคช्เคฐเคฏोเค เคिเคฏा เคाเคคा เคนै। เคเคธเคी เคกिเฅॉเคฒ्เค เคตैเคฒ्เคฏू เค
เคธीเคฎिเคค (infinite) เคนोเคคी เคนै।
See the Pen HTML Marquee scrolldelay, scrollamount and loop element by ITI COPA (@copaguide) on CodePen.
เคฎाเคฐ्เคी เคเคฒीเคฎेंเค hspace เคเคตं vspace เคช्เคฐोเค्เคฐाเคฎ เคोเคก
Using hspace and vspace in HTML Program Code
เคนॉเคฐिเคॉเคจ्เคเคฒ เคธ्เคชेเคธ hspace เคेเค เคे เคฆ्เคตाเคฐा เคนॉเคฐिเคॉเคจ्เคเคฒ เคฎाเคฐ्เคिเคจ เคฆिเคฏा เคा เคธเคเคคा เคนै। เคฏเคน เคฎाเคฐ्เคी เคเคฒीเคฎेंเค เคธे เค
เคจ्เคฏ เคเคฒीเคฎेंเค เคी เคนॉเคฐिเคॉเคจ्เคเคฒ เคฆूเคฐी เคो เคจिเคถ्เคिเคค เคเคฐเคคा เคนै।
เคตเคฐ्เคिเคเคฒ เคธ्เคชेเคธ vspace เคेเค เคे เคฆ्เคตाเคฐा เคตเคฐ्เคिเคเคฒ เคฎाเคฐ्เคिเคจ เคฆिเคฏा เคा เคธเคเคคा เคนै। เคฏเคน เคฎाเคฐ्เคी เคเคฒीเคฎेंเค เคธे เค
เคจ्เคฏ เคเคฒीเคฎेंเค เคी เคตเคฐ्เคिเคเคฒ เคฆूเคฐी เคो เคจिเคถ्เคिเคค เคเคฐเคคा เคนै।
See the Pen HTML Marquee vspace and hspace Program Code by ITI COPA (@copaguide) on CodePen.



