Web Development Practical File
WEB DEVELOPMENT PRACTICAL FILE
Submitted By:
Student Name: ____________________
Course: BCA / BSc IT
Semester: ____________________
Subject: Web Development
Certificate
This is to certify that this practical file titled “Web Development Practical File” has been successfully
completed by the student during the academic session 2025-2026.
Acknowledgement
I express my sincere gratitude to my teachers and college faculty for their guidance and support in
completing this practical file.
Conclusion
This practical file helped in understanding the fundamentals of Web Development including HTML,
CSS, and JavaScript.
Table of Contents
1. Program 1: Basic HTML Page
2. Program 2: Text Formatting
3. Program 3: HTML Lists
4. Program 4: HTML Table
5. Program 5: HTML Form
6. Program 6: CSS Styling
7. Program 7: Navigation Menu
8. Program 8: Image Gallery
9. Program 9: Responsive Page
10. Program 10: JavaScript Alert
11. Program 11: Calculator
12. Program 12: Validation
13. Program 13: Digital Clock
14. Program 14: To-Do List
15. Program 15: Login Page
Program 1: Basic HTML Page
Code: <html><body><h1>Welcome</h1></body></html>
Output: Displays a heading on webpage.
Program 2: Text Formatting
Code: <b>Bold</b> <i>Italic</i>
Output: Shows formatted text.
Program 3: HTML Lists
Code: <ul><li>Item</li></ul>
Output: Displays list items.
Program 4: HTML Table
Code: <table border='1'><tr><td>Data</td></tr></table>
Output: Displays a table.
Program 5: HTML Form
Code: <form><input type='text'></form>
Output: Displays form fields.
Program 6: CSS Styling
Code: body { background: lightblue; }
Output: Applies CSS styling.
Program 7: Navigation Menu
Code: <ul><li>Home</li></ul>
Output: Creates navigation menu.
Program 8: Image Gallery
Code: <img src='[Link]'>
Output: Displays images.
Program 9: Responsive Page
Code: <meta name='viewport'>
Output: Creates responsive layout.
Program 10: JavaScript Alert
Code: alert('Welcome');
Output: Shows alert message.
Program 11: Calculator
Code: function add(){ return a+b; }
Output: Adds two numbers.
Program 12: Validation
Code: if(name==''){ alert('Enter Name'); }
Output: Validates form.
Program 13: Digital Clock
Code: setInterval(showTime,1000);
Output: Shows digital clock.
Program 14: To-Do List
Code: appendChild(li);
Output: Adds tasks dynamically.
Program 15: Login Page
Code: <input type='password'>
Output: Displays login form.