HTML Chapter 8 – Marquee Tag and Its Attributes | Scrolling Text Effect | Hindi Tutorial
Welcome to HTML Chapter 8!
follow us on:
www.versatiletechnology.in
In this video, we will learn the Marquee Tag and all its important attributes that help us create scrolling text and scrolling images on a web page.
This tutorial is perfect for students, beginners, and anyone learning front-end development in Hindi.
✔ What is Marquee?
✔ Types of scrolling (left, right, up, down)
✔ Behavior (scroll, slide, alternate)
✔ Speed control (scrollamount, scrolldelay)
✔ Looping
✔ Background color
✔ Direction
✔ Height and width settings
✔ Practical examples explained in Hindi
If you want to learn HTML chapter-wise with full understanding and real-life projects, subscribe now!
html marquee tag, html marquee attributes, marquee direction, marquee scrollamount, marquee behavior, marquee tutorial in hindi, scrolling text html, html chapter 8 marquee, html for beginners, marquee example, what is marquee in html, how to move text in html, html scrolling effect, html web development hindi, front end development hindi
#html #marquee #coding #webdevelopment #frontend #htmltutorial #hindicoding #scrollingtext #versatiletechnology
📘 Full Chapter Content (Teacher Style + Simple + Beginner Friendly)
Here is the full explanation you can speak in the video or paste in your notes:
🌟 Chapter 8 – Marquee Tag and Its Attributes
The marquee tag is used to create scrolling text or images on a webpage.
(Important note: Marquee is outdated but still works in many browsers and is useful for learning basic effects.)
🔹 Syntax (without angle brackets as you requested)
marquee
Your Scrolling Text
/marquee
🚀 Marquee Tag – Attributes Explained
Below are the most important attributes with examples:
1️⃣ direction
Controls the scrolling direction.
✔ Values: left, right, up, down
Example:
marquee direction="right"
Welcome to Versatile Technology
/marquee
2️⃣ behavior
Defines how the text scrolls.
✔ scroll – continuous scrolling
✔ slide – stops after reaching end
✔ alternate – moves left and right like a bouncing ball
Example:
marquee behavior="alternate"
This text moves left and right
/marquee
3️⃣ scrollamount
Controls speed of scrolling (bigger number = faster).
Example:
marquee scrollamount="10"
Fast Scrolling Text
/marquee
4️⃣ scrolldelay
Controls delay between each movement (bigger number = slower).
Example:
marquee scrolldelay="200"
Slow Scrolling Text
/marquee
5️⃣ loop
Controls how many times the text will repeat.
✔ Example: loop="3" (scrolls 3 times)
✔ loop="infinite" (default)
Example:
marquee loop="5"
This text will repeat 5 times
/marquee
6️⃣ bgcolor
Adds background color inside marquee.
Example:
marquee bgcolor="yellow"
Highlighted Text
/marquee
7️⃣ height & width
Controls the size of marquee box.
Example:
marquee height="100px" width="300px"
Scrolling Box
/marquee
⭐ Complete Example for Students
marquee direction="up" behavior="alternate" bgcolor="lightblue" scrollamount="5" height="150px"
Admissions Open – Join Versatile Technology Today
/marquee