Scribd
Upload
5 views23 pages

Practical HTML (Autosaved) 20

The document contains a series of practical HTML programming exercises for the academic year 2024-25, including creating tables, lists, forms, and displaying equations. Each practical exercise is followed by a solution in HTML code format. The document serves as a guide for students to learn and practice HTML coding skills.

Uploaded by

sahudeepak66617
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
5 views23 pages

Practical HTML (Autosaved) 20

The document contains a series of practical HTML programming exercises for the academic year 2024-25, including creating tables, lists, forms, and displaying equations. Each practical exercise is followed by a solution in HTML code format. The document serves as a guide for students to learn and practice HTML coding skills.

Uploaded by

sahudeepak66617
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 23

DEEPAK 2024-25

Practical :- 01
1. Write an Html Program to create the table

Class Subject 1 Subject 2 Subject 3


BCA-I VB PC Software Electronics
BCA-II DBMS C++ ENGLISH
BCA-III JAVA Multimedia CSA

SOLUTION:-
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>table</title>

</head>

<body>

<table border="1">

<caption align="bottom">

<tr><th>class

<th>SUB 1

<th>SUB 2

<th>SUB 3

</th>

</tr>

<tr>

<td>BCA 1

<td>VB

<td>pc software

<td>Eletronics
DEEPAK 2024-25
</td>

</tr>

<td>BCA 2

<td>c++

<td>DBMS

<td>English

</td>

</tr>

<tr>

<td>BCA 3

<td>JAVA

<td>MULTIMEDIA

<td>CSA

</td>

</tr>

</table>

</body>

</html>

OUTPUT :-
DEEPAK 2024-25

Practical :- 02
2. Write an HTML program to create the following lists?

1. C

2. C++

3. VISUAL BASIC

4. COBOL

SOLUTION :-
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=>, initial-scale=1.0">

<title>Document</title>

</head>

<body>

<ol></ol>

<dd> c </dd>

<dd> c++ </dd>

<dd> visual basic </dd>

<dd> cobol </dd>

</body>

</html>

OUTPUT :-
DEEPAK 2024-25

Practical :- 03
3. Write an HTML program to demonstrate hyperlinking between two web page.
Create a marquee and also insert an image in the page?

SOLUTION :-
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title><marquee behavior="" direction=""></marquee></title>

</head>

<body>

<hr>

This is marquee tag

<A href="joy3.html"link="red" title="click me">https://www.google.co.in/</A>

</marquee>

khadakwasla

<img src="C:\Users\Acer\Downloads\khadakwalsa.jpg"width=700 height=500>

</body>

</html>

OUTPUT :-
DEEPAK 2024-25

Practical :- 04
4. Write an HTML program to createframes in HTML

with 3 columns(Width=30%, 30%, 40%)?

SOLUTION :-
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>frameset</title>

</head>

<frameset cols="30%,30%,40%">

<frame src="file:///C:/Users/Acer/Documents/html/kahani.html"></frame>

<frame src="file:///C:/Users/Acer/Documents/html/kahani2.html"></frame>

<frame src="file:///C:/Users/Acer/Documents/html/kahani3.html"></frame>

</frameset>

</html>

OUTPUT :-
DEEPAK 2024-25

Practical :- 05
5. Write an HTML program to create the following table?

Car Price List

SOLUTION :-
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>car price list </title>

</head>

<body>

<table border="4">

<tr><th>maruti

<td>

<th>tata

<td>

<th>ford

</th>

</tR>

<TR>

<td>modal

<td>price

<td>modal

<td>price

<td>modal

<td>price

</tr>
DEEPAK 2024-25
<tr>

<td>maruti800

<td>2lac

<td>sumo

<td>2lac

<td>ikon

<td>5lac

</tr>

<tr>

<td>santro

<td>3lac

<td>scorpio

<td>3lac

<td>nexxa

<td>7lac

</tr>

</body>

</html>

OUTPUT :-
DEEPAK 2024-25

Practical :- 06
6. Write an HTML program to create the following table?

STUDENT REPORT
Pt. Ravishankar Shukla University
NAME ROLL NO. CLASS
Rahul 40 B.Sc. 1st Year
Manish 85 B.Sc. 2nd Year
Krishna 57 B. Sc. 3rd Year
Mahesh 95 B.Sc 2nd Year

SOLUTION :-

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>STUDENT REPORT</title>

</head>

<body>

<table border="3" >

<tr align="center"><th>

<th> Pt.Ravishankar Shukla University

</th>

</tr>

<tr align="center">

<td>NAME

<td>ROLL NO.

<td>CLASS

</td>

</tr>

<tr align="center">
DEEPAK 2024-25
<td>Rahul

<td>40

<td>B.sc.1st Year

</td>

</tr>

<tr align="center">

<td>Manish

<td>85

<td>B.sc.2nd Year

</td>

</tr>

<tr align="center">

<td>Krishna

<td>57

<td>B.sc.3rd Year

</td>

</tr>

<tr align="center">

<td>Mahesh

<td>95

<td>B.sc.2nd Year

</td>

</tr>

</body>

</html>

OUTPUT :-
DEEPAK 2024-25

Practical :- 07
7. Write an HTML program to create the following table?

Student Records

Name Subject Marks


Arun Java 70
C 80
Manish Java 75
C 69
SOLUTION :-

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

<table border="4">

<caption align="middle">

</caption>

<tr><th>name

<th>subject

<th>mark

</th>

</tr>

<tr>

<td>Arun

<td>JAVA

<td>70

</tr>
DEEPAK 2024-25
<tr>

<td>

<td>c

<td>79

</td>

</tr>

<tr>

<td>Ravi

<td>JAVA

<td>75

</td>

</tr>

<tr>

<td>

<td>c

<td>69

</td>

</tr>

</table>

</body>

</html>

OUTPUT :-
DEEPAK 2024-25

Practical :- 07
7. Write an HTML coding to display the following table?

Subject Max. Min. Obtain


Physics 100 33 75
Maths 100 33 70
Software 100 33 68
Hardware 100 33 73

SOLUTION :-
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

<table border="3">

<tr>

<th>subject</th>

<th>Max. Marks</th>

<th>Min. Marks</th>

<th>Obtained Marks</th>

</tr>

<tr>

<td>physics</td>

<td>100</td>

<td>33</td>

<td>75</td>

</tr>
DEEPAK 2024-25
<tr>

<td>maths</td>

<td>100</td>

<td>33</td>

<td>70</td>

</tr>

<tr>

<td>software</td>

<td>100</td>

<td>33</td>

<td>68</td>

</tr>

<tr>

<td>hardware</td>

<td>100</td>

<td>33</td>

<td>73</td>

</tr>

</table>

</body>

</html>

OUTPUT :-
DEEPAK 2024-25

Practical :- 08
8.Write an HTML program to create a form as. the following?
Student ID
Enter Name:
Enter Roll No:

Enter Age:
Enter DOB:
DEEPAK 2024-25

Practical :- 09
9. Create the in HTML form?

USER NAME :

PASSWORD:

SOLUTION :-
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

<form>

User name

<input type="user name" size="25">

<br>

password

<input type="password" size="25">

<br>

<input type="submit" value="submit">

<br>

</form>

</body>

</html>

OUTPUT :-
DEEPAK 2024-25

Practical :- 10
10.Create the following in HTML form?

SOLUTION :-
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

<form>

<label>First Name:</label>

<input type="text" name="first_name"><br><br>

<label>Last Name:</label>

<input type="text" name="last_name"><br><br>

<label>Gender:</label>

<input type="radio" name="gender" value="male"> Male

<input type="radio" name="gender" value="female"> Female<br><br>

<label>Subject:</label>

<select name="subject">

<option value="">Select Subject</option>


DEEPAK 2024-25
<!-- Add subject options here -->

</select><br><br>

<input type="submit" value="Submit Query">

</form>

</body>

</html>

OUTPUT :-
DEEPAK 2024-25

Practical :- 11
11. Write the HTML coding for the following equations?

C2H5OH + PCL5 POCL3 + HCL

4H3PO3 = 3H3PO4 + PH3

PCL3+ CL2 = PCL5

SOLUTION :-
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

<!-- Equation 1 -->

C<sub>2</sub>H<sub>2</sub>OH + PCl → POCl + HCl

<br><br>

<!-- Equation 2 -->

4H<sub>3</sub>PO<sub>3</sub> → 3H<sub>3</sub>PO<sub>4</sub> + PH<sub>3</sub>

<br><br>

<!-- Equation 3 -->

PCl<sub>3</sub> + Cl<sub>2</sub> → PCl<sub>5</sub>

</body>

</html>

OUTPUT :-
DEEPAK 2024-25

Practical :- 12
12. Write the HTML code to display the following?
• Actors

• Bruce Willis

• Gerard Butler

• Vin Diesel

• Bradd Pitt

• Actress

• Julia Roberts

• Anjelina Jolie

• Kate Winslet

• Cameron Diaz

SOLUTION :-
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

<h2>Actors</h2>

<ul>

<li>Bruce Willis</li>

<li>Gerard Butler</li>

<li>Vin Diesel</li>

<li>Brad Pitt</li>

</ul>
DEEPAK 2024-25

<h2>Actresses</h2>

<ul>

<li>Julia Roberts</li>

<li>Angelina Jolie</li>

<li>Kate Winslet</li>

<li>Cameron Diaz</li>

</ul>

</body>

</html>

OUTPUT :-
DEEPAK 2024-25

Practical :- 13
13. Write HTML code to display the following?
1 Crikect Players

D. Bastman

i. Sachin Tendulkar

ii. Rahul Dravid

iii. Virendra Sehwag

E. Fast Bowler

i RP Singh

ii. Zaheer Khan

iii. Ashish Nehra

F. Spinner

i. Harbhajan Singh

ii. Anil Kumble

iii. Murli Kartik

SOLUTION :-
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

<h1>Cricketers</h1>

<h2>A. Batsmen</h2>
DEEPAK 2024-25
<ul>

<li>Sachin Tendulkar</li>

<li>Rahul Dravid</li>

<li>Virendra Sehwag</li>

</ul>

<h2>B. Fast Bowlers</h2>

<ul>

<li>RP Singh</li>

<li>Zaheer Khan</li>

<li>Ashish Nehra</li>

</ul>

<h2>C. Spinners</h2>

<ul>

<li>Harbhajan Singh</li>

<li>Anil Kumble</li>

<li>Murali Kartik</li>

</ul>

</body>

</html>

OUTPUT :-
DEEPAK 2024-25

Practical :- 14
14. Write the HTML coding to display the following tables:
Name Roll No.
Roll No. Subject
Subject Max Min Obtain
JAVA 100 33 75
MULTI MEDIA 100 33 70

You might also like