Practical – 1 : Program to describe nested list in HTML.
<htm>
<head></head>
<title>NESTED LIST</title>
</head>
<body>
<H2 style="text-align: center;">NESTED LIST
</H2>
<H2 style="text-align: center;">(PLACES TO VISIT IN INDIA)
</H2>
<UL>
<LI>NORTH</LI>
<UL>
<li>KEDARNATH</li>
<LI>KASHI VISHWANATH
<LI>AULI</LI>
<UL>RAJASTHAN
<Li>HAWA MAHAL</Li>
<LI>CHITTORGARH FORT</LI>
</UL>
<LI>TAJ MAHAL</LI>
<LI>KASHMIR</LI>
</UL><br>
<LI>CENTRAL</LI>
<OL>
<LI>MAHAKALESHWAR</LI>
<LI>KHUJRAHO</LI>
<LI>AJAMTA AND ELLORA CAVES</LI>
<LI>LAL MAHAL</LI>
</OL><br>
1
1
<LI>SOUTH</LI>
<UL>
<LI>HAMPI</LI>
<LI>CHAR MINAR</LI>
<LI>ANDAMAN AND NICOBAR</LI>
<LI>OOTY (Queen Of Nilgiri Hills)</LI>
</UL>
</UL>
</body>
</html>
Output :
1
2
1
3
Practical - 2: Program to describe nested table in html.
<HTML>
<TITLE>PRACTICAL 2</TITLE>
<HEAD>
<H1>PRACTICAL 2</H1>
</HEAD>
<BODY>
<TABLE BORDER="2">
<TR>
<TH ROWSPAN="11">TCB</TH>
<TH><B> ORDER NO:</B></TH>
<TD COLSPAN="3"> #ABC001</TD>
</TR>
<TR>
<TH><B> ORDER DATE:</B></TH>
<TD COLSPAN="3">23-MAR-2016</TD>
</TR>
<TR>
<TH COLSPAN="4"><B>CUSTOMER</B></TH>
</TR>
<TR>
<TH><B>NAME:</B></TH>
<TD COLSPAN="3">JOHN PAPAS</TD>
</TR>
<TH><B>ADDRESS:</B></TH>
<TD COLSPAN="3"> INDEPENDENCE DAY 5TH STR, 11511</TD>
</TR>
<TR>
<TH COLSPAN="4"><B>ORDER DETAILS</B></TH>
</TR>
<TR>
<TD>1</TD>
<TD> OF MICE AND MEN</TD>
<TD>BOOK</TD>
<TD>10.00$</TD>
</TR>
<TR>
<TD>2</TD>
<TD> LES MISERABLES</TD>
<TD> BOOK</TD>
<TD>12.00#</TD>
</TR>
<TR>
<TD>3</TD>
<TD> GAME OF THRONES</TD>
<TD> DVD</TD>
<TD>50.00$</TD>
1
4
</TR>
<TR>
<TD>4</TD>
<TD>SAMSUNG GALAXY</TD>
<TD>MOBILE PHONE</TD>
<TD>200.00$</TD>
</TR>
<TR>
<TH COLSPAN="3"><B>TOTAL:</B></TH>
<TD>272.00$</TD>
</TR>
</TABLE>
</BODY>
</HTML>
1
5
Practical – 3: Program To Describe Form In HTML.
<!DOCTYPE html>
<html lang="en">
<head>
<title>REGISTRATION FORM </title>
</head>
<body>
<H2 style="text-align: center;">REGISTRATION FORM
</H2>
<H3>: PERSONAL DETAILLS</H3>
<B> NAME : <input type="textbox" size="15"></B> <br><br>
<b>DOB : <input TYPE="date" SIZE="30" class="form control"</b>
<BR>
<br>GENDER:<BR> <BR>
<INPUT TYPE="radio" name="gender"vaue="male"> MALE
<INPUT TYPE="radio" name="gender" value="female"> FEMALE
<INPUT TYPE="radio" name="gender" value="others"> OTHERS
<BR> <BR>
<B>MOBILE No.. : <input type="tel" SIZE="10"></B><br><br>
<b>EMAIL : <input type="textbox" size="25"></b><br><br>
ADHAR NO.. : <input type="textbox" size="12"><br><br>
<BR>
<B>ADRESS : <TEXTAREA cols="35" rows="6"></textarea></b>
<br><br>
PASSWORD : <input type="password" size="20">
<BR><BR>
CONFIRM PASSWORD : <input type="password" size="20"
</body
1
6
</html>
OUTPUT :
1
7
PRACTICAL 4 : PROGRAM TO DESCRIBE WEBPAGE IN HTML:
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<header>
<h1 align="center">WELCOME TO MY WEBPAGE</h1>
</header>
<br>
<h1 style="text-align: center;>WELCOME TO MY WEBPAGE </h1>
<h3 align="center">
<font face="lato" size="6"> LOGO</font>
<FONT FACE="CINZEL" size="4">
<a href="#">HOME</a>
<a hreF="#">ABOUT</a>
<a href="#"> SERVICES</a>
<a href="#"> CONTACT</a>
</FONT>
</h3>
<br> <br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<BR<BR>
1
8
<H3 align="center">
<a href="#"> GET STARTED</a>
</section><BR><BR>
<footer>
<P>© 2023 MY WEB PAGE.
ALL RIGHT RESERVED.</P>
</footer>
</H3>
</body>
</html>
1
9
OUTPUT:
1
10
PRACTICAL – 5 : PROGRAM
DESCRIBE FRAMES TO
IN HTML.
<!DOCTYPE html>
<html>
<head>
<title>Frameset Example</title>
</head>
<frameset rows="20%, 20%, 20%, 20%, 20%">
<frame src="farme1" name="frame first">
<frame src="frame2">
<frame src="frame">
<frameset cols="33%, 33%, 33%">
<frame src="frame2">
<frame src="farme1">
<frame src="frame2">
<frame src="frame3">
<frame src="frame">
</frameset>
</frameset>
</html>
1
11
OUTPUT :
1
12
PRACTICAL – 6 : SQL(CREATE INSERT SELECT QUERIES).
1 ) lets create a basic table with required fields.
CREATE TABLE `tutorial1`.`worker23` (
`worker id` INT NOT NULL,
`name` VARCHAR(45) NOT NULL,
`salary` VARCHAR(45) NOT NULL,
`department` VARCHAR(45) NOT NULL,
`joining date` VARCHAR(45) NOT NULL,
PRIMARY KEY (`name`));
2) NOW LET US INSERT DATA IN IN REQIRED COLLUMNS.
INSERT INTO `tutorial1`.`worker23` (`worker id`, `name`, `salary`, `department`, `joining date`) VALUES
('1', 'AYUSH', '250000', 'finance', '18/08/2022');
INSERT INTO `tutorial1`.`worker23` (`worker id`, `name`, `salary`, `department`, `joining date`) VALUES
('2', 'UDITANSHU', '120000', 'IT', '25/02/2022/');
INSERT INTO `tutorial1`.`worker23` (`worker id`, `name`, `salary`, `department`, `joining date`) VALUES
('3', 'SHANTANU', '90000', 'SALES', '17/07/2022');
INSERT INTO `tutorial1`.`worker23` (`worker id`, `name`, `salary`, `department`, `joining date`) VALUES
('4', 'KAMLESH', '175000', 'MARKETING', '13/10/2022');
INSERT INTO `tutorial1`.`worker23` (`worker id`, `name`, `salary`, `department`, `joining date`) VALUES
('5', 'ATUL', '215000', 'HR', '21/09/2022');
(SELECT QUERIES)
3 ) Select name as worker from worker23;
;
4 ) Select * from worker23 where salary between 100000 to 300000;
1
13
5 ) Select sum(salary) as total salary from worker23;
1
14
PRACTICAL – 7 MICROSOFT EXEL.
‘
1
15
PRACTICAL – 8 : DESCRIBE ABOVE TABLE WITH DIFFERENT
GRAPHS.
1
16
1
17
1
18
