Program 1(write program of hello world in html)
<html>
<head>bca regular</head>
<title> i read in bca 4th </body>
<body> lamrin tech skill university</body>
</html>
Output:-
bca regular lamrin tech skill university
Program 2(create a simple html page with the basic tags
like heading ,paragraph and text formatting ,(Bold,Italic)
<html>
<head>
<title> google page</title>
<body bgcolor=red>
<font size=50 color=blue>
<p> he is good</p>
<p> he is <b> <i> intelligent </i></b></p>
</body>
</head>
</html>
Output:-
Program 3(write a program of ordered list in html)
<html>
<head>
<title>ordered list </title>
</head>
<body> <h2> my favourite subject </h2>
<ol>
<li> math </li>
<li> computer</li>
<li> physical</li>
<li> history</li>
</ol>
</body>
</html>
Output:-
1. math
2. computer
[Link]
[Link]
Program 4(write a program of unordered list in html)
<html>
<head>
<title>ordered list </title>
</head>
<body> <h2> my favourite subject </h2>
<ul>
<li> math </li>
<li> computer</li>
<li> physical</li>
<li> history</li>
</ul>
</body>
</html>
Output:-
. math
. computer
. physical
. history
Program 4(Write a program to create definition list)
<html>
<head>
<title>Definition List</title>
</head>
<body>
<h2>Definition List</h2>
<dl>
<dt>HTML</dt>
<dd>Hyper Text Markup Language</dd>
<dt>CSS</dt>
<dd>Cascading Style Sheets</dd>
</dl>
</body>
</html>
Output:-
Definition List
HTML
Hyper Text Markup Language
CSS
Cascading Style Sheets
Program 5(Write a program to display 1to10 numbers)
<html>
<head>
<title>Numbers 1 to 10</title>
</head>
<body>
<h2>Numbers from 1 to 10</h2>
<p>
1<br>
2<br>
3<br>
4<br>
5<br>
6<br>
7<br>
8<br>
9<br>
10
</p>
</body>
</html>
Output:-
Numbers from 1 to 10
1. 6
2. 7
3. 8
4. 9
5. 10
Program 6 (write a program of registration from)
<html>
<head>
<title> simple form </title>
</head>
<body><h2> registration form </h2>
<form>
<label>NAME:</label><br>
<input type=”text”name=”name”>
<br><br>
<label>PASSWORD:</label>
<inputr type=”password”name=”password”><br><br>’
</form>
</body>
</html>
Output:-
Name:
[______________]
Password:
[______________]
[Submit] [Reset]
Program 7(write a program of registration from use
checkbox, radio)
<html>
<head>
<title>Registration Form</title>
</head>
<body>
<h2>Registration Form</h2>
<form>
Name: <input type="text"><br><br>
Email: <input type="email"><br><br>
Password: <input type="password"><br><br>
Gender:
<input type="radio" name="g"> Male
<input type="radio" name="g"> Female<br><br>
Course:
<select>
<option>BCA</option>
<option>BBA</option>
<option>[Link]</option>
</select><br><br>
Hobbies:
<input type="checkbox"> Reading
<input type="checkbox"> Sports
<input type="checkbox"> Music<br><br>
<input type="submit" value="Register">
<input type="reset" value="Clear">
</form>
</body>
</html>
Output:-
Name: []
Email: []
Password: [_____________]
Gender:
( ) Male
( ) Female
Course:
▼ BCA
▼ BBA
▼ [Link]
Hobbies:
[ ] Reading
[ ] Sports
[ ] Music
[Register] [Clear]
Program 8(write a program of to insert image)
<html>
<head>
<title>Simple Image and Link</title>
</head>
<body>
<h2>Insert Image</h2>
<img src="[Link] alt="Sample Image"
width="150" height="150">
<h2>Hyperlink Text</h2>
<p>Visit Example Website</p>
</body>
</html>
Output:-
Program 9 (Create a contact form with text input fields, a
password field, a submit button, and a reset
Button)
<html>
<head>
<title>Contact Form</title>
</head>
<body>
<h2>Contact Form</h2>
<form>
<label>Name:</label><br>
<input type="text" name="name"><br><br>
<label>Email:</label><br>
<input type="text" name="email"><br><br>
<label>Password:</label><br>
<input type="password" name="password"><br><br>
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</form>
</body>
</html>
Output:-
Contact Form
Name:
[__________________________]
Email:
[__________________________]
Password:
[__________________________]
[Submit] [Reset]
Program 10(Build a form with options that use radio
buttons and checkboxes to select user preferences )
<html>
<head>
<title>User Preferences</title>
</head>
<body>
<h2>User Preferences</h2>
<form>
<p>Preferred Contact:</p>
<input type="radio" name="contact" value="email"> Email
<input type="radio" name="contact" value="phone"> Phone<br><br>
<p>Hobbies:</p>
<input type="checkbox" name="hobby" value="reading"> Reading
<input type="checkbox" name="hobby" value="music"> Music<br><br>
<input type="submit" value="Submit">
<input type="reset" value="Clear">
</form>
</body>
</html>
Output:-
User Preferences
Preferred Contact:
( ) Email
( ) Phone
Hobbies:
[ ] Reading
[ ] Music
[Submit] [Clear]
INDEX
LAMRIN TECH SKILLS UNIVERSITY,PUNJAB
PRATICAL FILE OF WEB DEVELOPMENT
&
HTML
BACHELOR OF COMPUTER APPLICATIONS
University of computing
(BCA Regular)
(Batch 2024-2027)
Submitted to:- Submitted by:-
[Link] Rani Name:-
Class:-
Roll no:-
Date:-