Scribd
Upload
20 views18 pages

Itm Practicle File

The document describes creating nested lists, tables, forms and frames in HTML. It also includes examples of SQL queries to create, insert and select data from a table. Finally, it mentions using Microsoft Excel and describing a table with different graphs.

Uploaded by

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

Itm Practicle File

The document describes creating nested lists, tables, forms and frames in HTML. It also includes examples of SQL queries to create, insert and select data from a table. Finally, it mentions using Microsoft Excel and describing a table with different graphs.

Uploaded by

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

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">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

<a href="#">HOME</a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

<a hreF="#">ABOUT</a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

<a href="#"> SERVICES</a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

<a href="#"> CONTACT</a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

</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>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

</section><BR><BR> &nbsp; &nbsp;

<footer>

<P>&copy; 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

You might also like