HTML and JavaScript Exercises for Web Design, Schemes and Mind Maps of Database Management Systems (DBMS)

This collection of HTML and JavaScript exercises focuses on web page design, covering topics like college timetables, navigation menus, frames, and JavaScript functionalities (arithmetic, Fibonacci, form validation). It also explores CSS properties, animations, SVG graphics, and canvas drawing, providing a comprehensive introduction to front-end web development. Ideal for students, it offers practical examples with code snippets and expected outputs to enhance understanding and skills in web technologies. It's a practical guide with hands-on exercises for learning web development, covering basic HTML to advanced JavaScript and graphics, making it valuable for beginners.

Typology: Schemes and Mind Maps

2023/2024

Uploaded on 07/02/2025

ashfaque-sehaaj-h-j
ashfaque-sehaaj-h-j 🇮🇳

1 document

1 / 8

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
PART A:
1. Write a html program to create a college timetable.
2. Write a HTML program to display navigation menus using list tags and anchor tag
3. Write a HTML program to demonstrate frame.
4. Write a javascript program to demonstrate arithmetic operation.
5. Write a javascript program to display Fibonacci series.
6. Write a javascript program to demonstrate login form.
7. Write a javascript program to demonstrate Linked script.
8. Write a HTML program to demonstrate registration form
9. Write a HTML program to display message if the textbox is empty.
10. Write a javascript program to check the given number is even or odd.
PART -B
11. Write a HTML Program to apply CSS properties for 1. Font 2.Text 3.Background. (Resume).
12. Write a HTML program to demonstrate external CSS.
13. Write a HTML program to load animation.
14. Write a HTML program to move the box in the downward direction.
15. Write a HTML program to move the box in the left direction.
16. Write a HTML program to bounce a ball
17. Write a HTML program to draw line ,polyline , and rectangle and fill rectangle with red Colour using svg.
18. Write a HTML program to draw multiple circles and with different color using SVG
19. Write a HTML program to create logo with linear gradient properties using SVG.
20. Write a program to demonstrate box shadow property.
21. Write an HTML program to draw Square and Rectangle using canvas tag and Javascript.
pf3
pf4
pf5
pf8

Partial preview of the text

Download HTML and JavaScript Exercises for Web Design and more Schemes and Mind Maps Database Management Systems (DBMS) in PDF only on Docsity!

PART A:

1. Write a html program to create a college timetable.

2. Write a HTML program to display navigation menus using list tags and anchor tag

3. Write a HTML program to demonstrate frame.

4. Write a javascript program to demonstrate arithmetic operation.

5. Write a javascript program to display Fibonacci series.

6. Write a javascript program to demonstrate login form.

7. Write a javascript program to demonstrate Linked script.

8. Write a HTML program to demonstrate registration form

9. Write a HTML program to display message if the textbox is empty.

10. Write a javascript program to check the given number is even or odd.

PART -B

11. Write a HTML Program to apply CSS properties for 1. Font 2.Text 3.Background. (Resume).

12. Write a HTML program to demonstrate external CSS.

13. Write a HTML program to load animation.

14. Write a HTML program to move the box in the downward direction.

15. Write a HTML program to move the box in the left direction.

16. Write a HTML program to bounce a ball

17. Write a HTML program to draw line ,polyline , and rectangle and fill rectangle with red Colour using svg.

18. Write a HTML program to draw multiple circles and with different color using SVG

19. Write a HTML program to create logo with linear gradient properties using SVG.

20. Write a program to demonstrate box shadow property.

21. Write an HTML program to draw Square and Rectangle using canvas tag and Javascript.

1. Write a html program to create a college timetable.

TIME Table

Time Table

Day/time 9:00 - 10:00 10:00 - 11:00 11:00 - 12:00 12:00 - 1:00 1:00 - 2:00 2:00 - 3:00 3:00 - 4:00

Mathematics Chemistry

Output:-

Time Table

Time Table

Day/Time 9:00 - 10:00 10:00 - 11:00 11:00 - 12:00 12:00 - 1:00 1:00 - 2:00 2:00 - 3:00 3:00 - 4:00

Monday Mathematics Physics Chemistry Lunch Break Computer Science English

Tuesday Biology Mathematics Physics Lunch Break Chemistry Computer Science Physical Education

Wednesday Chemistry Biology Mathematics Lunch Break History English Physics

Thursday Computer Science Chemistry Biology Lunch Break Mathematics Physical Education English

Friday History Computer Science Physics Lunch Break Biology

2. Write a HTML program to display navigation menus using list tags and anchor tag

Navigation Menu

Navigation Menu

Home About Services Contact

Output:-

Navigation Menu

Navigation Menu

Home About Services Contact