Scribd
Upload
10 views34 pages

CS Record

Uploaded by

amirtheshpamj24
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
10 views34 pages

CS Record

Uploaded by

amirtheshpamj24
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/ 34

P.A.

INTERNATIONAL SCHOOL
POLLACHI - 642002

LABORATORY RECORD

NAME :

REG. NO :

GRADE :

SUBJECT :
P.A. INTERNATIONAL SCHOOL
POLLACHI - 642002

Bonafide Certificate

Registration No.

Certified that this is the bonafide record of work done by


Mr./Ms.________________________________________ of Grade_____________during the
academic year
_________________ in the _______________________________________
Laboratory.

Head of the Institution Staff In-Charge

Submitted for the board practical examination held on


at P.A. International School, Pollachi.

Internal Examiner External Examiner


Date: Date:
INDEX

Ex. No Date Title of the Experiment Page Marks Staff


No. (Max 50) Signature

Total

Average

Date: Staff Incharge


P.A. INTERNATIONAL SCHOOL, POLLACHI

EX NO:01 LIST IN HTML


DATE:

AIM:
To create a webpage using list.

CODING:

<html>
<head>
<title>Lists in HTML</title>
</head>
<body>
<ul><li>This is the first item in unnumbered list.
<li>This is the next
<li>The third item is itself a list:
<ul>
<li>First item in the nested list.
<li>Second; be sure to end both lists!
</ul>
<p>
<ol>
<li>The first item in numbered list.
<li>The second.
<li>They also are called Ordered lists.
</ol>
</p>
<p>A definition list follows:
<dl>HTML
<dd>Hypertext Markup Lanuguage is a language that defines web pages.
<dt>SGML
<dd>Standarised General Markup Language is a class of markup languages like HTML.
</dl>
</body>
</html>
OUTPUT:

RESULT:
P.A. INTERNATIONAL SCHOOL, POLLACHI

EX NO:02 ORDER LISTS IN HTML


DATE:

AIM:
To create a webpage to display many ordered lists.

CODING:
<html>
<head>
<title>Many Ordered Lists</title>
</head>
<body>
<h4>Numbered list:</h4>
<ol>
<li>Apples
<li>Bananas
<li>Oranges
</ol>
<H4>Letters list:<h4>
<ol type="A">
<li>Apples
<li>Bananas
<li>Oranges
</ol>
<H4>Lowercase letters list starting from 5th letter:<h4>
<ol type="a"start=5>
<li>Bananas
<li>Oranges
</ol>
<H4>Roman numbers list starting from 11th letter:<h4>
<ol type="I"start=11>
<li>Bananas
<li>Apples
<li>Oranges
</ol>
<H4>Lowercase Roman numbers list starting from 5th letter:<h4>
<ol type="i"start=5>
<li>Bananas
<li>Oranges
</ol>
</body>
</html>
OUTPUT:

RESULT:
P.A. INTERNATIONAL SCHOOL, POLLACHI

EX NO:03 RESTAURANT
DATE:

AIM:
To create a Restaurant webpage.

CODING:
<html>
<head>
<title>Eat healthy and live healthy</title>
</head>
<body link="green" alink="blue" vlink="Red">
<h1>
<font color= "maroon">KHAO PIYO RESTAURANT</font>
</h1>
<img src="restaurant.jpg" align="right" height=255>
<width=250>
<font color="purple" size=5>
Collect information for
<ul>
<li><A HREF="R3.html">menus</a>
<li><A HREF="2.html">reservation</a>
<li><A HREF="3.html">catering</a>
<li><A HREF="4.html">tours</a>
</ul>
</font>
<font size=5><center><table border =2 bordercolor="blue"><font color=blue><caption>Menus
available</caption></font><tr><td>1<td>Indian</tr><tr><td>2<td>Italian</
tr><tr><td>3<td>Continental</tr><td>4<td>Thai</tr></table></center><br>For furthur equiries and
eservation <a href=:"MAILTO:[email protected]">Contact Us<a></font>
</body>
</html>

R3.html:
<html>
<head><style>
body {background-color: #7F00FF;}
a {color: red;}
</style>
<title> MENU
</title>
</head>
<body>
<p>
<table>
<tr>
<td>
<h1> MENU
</h1>
</td>
</tr>
<tr>
<td>
<h2 style=padding-top:20px> PIZZA
</h2>
<tr>
<td>
<input type=checkbox>Cheesycorn Pizza RS 350<br>
<input type=checkbox>Mushroom Pizza RS 250<br>

<input type=checkbox>Paneer Pizza Rs 290<br>


<input type=checkbox>Macronni Pizza RS 450<br>
</td>
<td align=right>
<img src="P.png">
</td>
</tr>
<tr>
<td>
<h2 style=padding-top:20px> BURGER
</h2>
<tr>
<td>
<input type=checkbox>Veg burger Rs 100<br>
<input type=checkbox>Cheese burger Rs 199<br>
<input type=checkbox> Mushroom Burger Rs 159 <br>
<input type=checkbox>Paneer burger Rs 140<br>
</td>
<td style=padding-left:10px>
<img src=R31.png>
</td>
</tr>
<tr>
<td>
<h2 style=padding-top:20px> FRIES

</h2>
</td>
</tr>
<tr>
<td>
<input type=checkbox>Cheese Fries Rs 250<br>
<input type=checkbox>Chili Cheese Fries Rs 299<br>
<input type=checkbox>PeriPeri Fries Rs 199<br>
<input type=checkbox>Garlic Fries Rs 99<br>
</td>
<td>
<img src=F.png>
</td>
</tr>
<tr>
<td>
<h2 style=padding-top:20px> MOMOS
</h2>
</td>
</tr>
<tr>
<td>
<input type=checkbox>Cheese Momos Rs 195<br>
<input type=checkbox>Paneer Momos Rs 169<br>
<input type=checkbox>SteamVeg MomosRs 199<br>
<input type=checkbox>Fried Momos Rs 99 <br>
</td>
<td>
<img src=M.png>
</td>
</tr>
<tr>
<td>
<h2 style=padding-top:20px> MILKSHAKES
</h2>
</td>
</tr>
<tr>
<td>
<input type=checkbox>Vanilla Milkshakes Rs 99<br>
<input type=checkbox>Butterscoth Milkshake Rs 149<br>
<input type=checkbox>Oreo Milkshake Rs 299<br>
<input type=checkbox>Chocolate Milkshake Rs 169<br>
<input type=checkbox>Strawberry Milkshake Rs 99<br>
</td>
<td>
<img src=Ms.png>
</td>
</tr>
<tr>
<td>
<h2 style=padding-top:20px>
CHINESE
</h2>
</td>
</tr>
<tr>
<td>
<input type=checkbox>Schezwan Noodles Rs 199<br>
<input type=checkbox>Fried Noodels Rs 150<br>
<input type=checkbox>VegFried Rice Rs 169<br>
<input type=checkbox>PaneerFried Rice Rs 189<br>
<input type=checkbox>MushroomFried rice Rs 149<br>
<input type=checkbox>Hakka Noodles Rs 200<br>
</td>
<td>
<img src=C.png>
</td>
</tr>
</table>
<center>
<a href=R4.html>MY CART</a>
</center>
</body>
</html>

R4.html:

<html>
<head><style>
body {background-color: #7F00FF;}
a {color: red;}
</style>
<title>Mycart</title>
</head>
<body >
<h1>
<center> MY CART
</center>
</h1>
<img src=F1.png height="150" width "200">
<h3 > PeriPeri Fries<br>199<br>
<img src=C2.png height="150" width "200">
<h3 > Hakka Noodles<br>200<br>
<img src=Ms2.png height="150" width "200">
<h3 > Oreo Milkshake<br>299<br>
<a href=R5.html>PAYMENT PAGE</a>
</body>
</html>

R5.html:
<html>
<head>
<title>
Order confirmation
</title>
</head>
<body >
<h1>
CONFIRMATION
</h1>
<form>
<input type="radio" value="UPI">UPI<br>
<input type="radio" value="Gpay">Gpay<br>
<p>
Check the internet while doing the payment through these modes of payment
</p>
<input type="radio" value="Phonepay">Phonepay<br>
<input type="radio" value="Patym">Patym<br>
<input type="radio" value="Cash on delivery">Cash on delivery<br>
<input type= "radio" value="Credit card">Credit card<br>
<p>
Give the required information only.
</p>
</form>
<a href =R6.html>CONFIRM ORDER</a>
</body>
</html>

R6.html:
<html>
<head>
<title>
</title>
</head>
<body bgcolor=#b2e410 >
<h2 align=center>Your order has been placed successfully</h2>
<h2 align=center><B><I>Thank you for Visiting <I></B></h2><br><br>
<p align=center><IMG src=xyz.png align=middle>
<h2 align=center>THANK YOU VISIT AGAIN!</h2>
</body>
</html>
OUTPUT:
RESULT:
P.A. INTERNATIONAL SCHOOL, POLLACHI

EX NO:04 ABOUT ASIATIC LION


DATE:

AIM:
To create a webpage to show about Asiatic lion.

CODING:

<html>
<head>
</head>
<body bgcolor="yellow" link="black" vlink="green">
<font face="Arial" color="maroon">
<h2 align="center">Elephant</H2></font>
<font face="Arial">
<img src="elephant.png" height="150" width="200" align="right">
Elephants have around 150,000 muscle units in their trunk. Their trunks are perhaps the most sensitive
organ found in any mammal. Elephants use their trunks to suck up water to drink – it can contain up to 8
litres of water. They also use their trunks as a snorkel when swimming.
<p>
SEE ALSO:
<ul>
<li><a href="one.html"> The African savanna elephant
<li><a href="TWO.html"> African forest elephant
<li><a href="three.html">Asian elephant
</ul>
<table align="center" border="2" width="250">
<caption>Threats to Elephant</caption>
<TR>
<td>1</td>
<td>Illegal Hunting</td>
</TR>
<TR>
</TR>
<td>2</td>
<td>Industrialization</td>
<p><p>
<TR>
<td>3</td>
<td>Habitat Loss</td>
</tr>
<tr>
<td>4</td>
<td>Fragmentation</td>
</tr>
<tr>
<td>5</td>
<td>disease</td>
</tr>
</table>
<font size="2"><center>FOR FURTHER ENQUIRES AND RESERVATION</font>
<A HREF="[email protected]">CONTACT US</A></center>
</body>
</html>

OUTPUT:

RESULT:
P.A. INTERNATIONAL SCHOOL, POLLACHI

EX NO:05 GAMES OF INDIA


DATE:

AIM:
To create a webpage to show about Games of India.

CODING:

<HTML>
<HEAD>
<TITLE> Games of India </TITLE>
</HEAD>
<BODY LINK = "GREEN" ALINK = "BLUE" VLINK = "RED" BGCOLOR = "YELLOW">
<FONT COLOR = "MAROON">
<H1 ALIGN = "CENTER">GAMES OF INDIA </H1>
</FONT>
<IMG SRC = "games.jfif" HEIGHT = "200" WIDTH = "200" ALIGN = "RIGHT">

<P>
Indian games have evolved over thousands of years and
are designed to be enjoyable while developing physical and mental skills.
Some popular Indian games include:
</P>

<TABLE BORDER = "2" BORDERCOLOR = "BLUE" ALIGN = "CENTER">


<CAPTION>
<FONT COLOR = "BLUE">GAMES OF INDIA</FONT>
</CAPTION>
<TR>
<TH ALIGN = "CENTER">TRADITIONAL GAMES </TH>
<TH ALIGN = "CENTER">VIDEO GAMES</TH>
</TR>
<TR>
<TD>Nondi</TD>
<TD>Sonson </TD>
</TR>
<TR>
<TD>Ball badminton</TD>
<TD>8 eyes </TD>
</TR>
<TR>
<TD>Maram pitti </TD>
<TD>Earth 2150 </TD>
</TR>
</TABLE>
<H4>List</H4>
<UL TYPE = "NONE">
<LI>
<A HREF = "one.html">Nondi</A>
</LI>
<LI>
<A HREF = "two.html">Ball badminton</A>
</LI>
<LI>
<A HREF = "three.html">Maram pitti</A>
</LI>
<LI>
<A HREF = "mailto:[email protected]">Contact Us</A>
</LI>
</UL>
</BODY>
</HTML>

OUTPUT:

RESULT:
P.A. INTERNATIONAL SCHOOL, POLLACHI

EX NO:06 HOSPITAL REGISTRATION


DATE:

AIM:
To create a form.

CODING:
<html>
<body>
<p align =center>
<center><h1>Example Form 2</h1>
</center>
<form method=Post>
<p>Person's Name:
<input type="text" name="Person's Name"size=40><br>

</p>
<p>Password:
<input type="password" name="password"size=10><br>
</p>
<p>Please place me on your mailing list:
<input type="checkbox" name="mailing list" value="yes" checked size=10><br>
</p>
<p>What country do you Live in?
<select name="country">
<option value="IND">India
<option value="USA">United States
<option value="CA">Canada
<option value="FR">France
<option value="SPR">Singapore
</select>
</p>
<p>Type of country you have
<input type="radio" name="Comp-Type" value="Inteli3"/>Intel I3&nbsp
<input type="radio" name="Comp-Type" value="Inteli5"/>Intel I5&nbsp
<input type="radio" name="Comp-Type" value="Inteli7" checked/>Intel I7&nbsp
<input type="radio" name="Comp-Type" value="AMDFX"/>AMD FX&nbsp
<input type="radio" name="Comp-Type" value="AMDATHLON"/>AMD ATHLON FX&nbsp
</p>
<p>Comments:<br>
<textarea rows="5" cols="59" name="comments"></textarea></p>
</form>
</body>
</html>

OUTPUT:
RESULT:
` P.A. INTERNATIONAL SCHOOL, POLLACHI

EX NO:07 BOOK STORE


DATE:

AIM:
To create a Guest book webpage.

CODING:

<HTML>
<BODY>
<FORM>
<H1> My Guest Book </H1>
<P>
Please let me know what you think of my Web Pages. Thanks !
</P>
<TABLE BORDER = "0" RULES = "NONE" FRAME = "VOID">
<TR>
<TD> <PRE>What is your name ?</PRE> </TD>
<TD> <INPUT TYPE = "TEXT" NAME = "NAME" /> </TD>
</TR>
<TR>
<TD> <PRE>What is your e-mail address :</PRE> </TD>
<TD> <INPUT TYPE = "TEXT" NAME = "EMAILID" /> </TD>
</TR>
</TABLE>
<BR>
Check all that apply:
<BR>
<INPUT TYPE = "CHECKBOX" ID = "C1" NAME = "C1" VALUE = "I really like your Web Site.">
<LABEL FOR = "C1">I really like your Web Site.</LABEL>
<BR>
<INPUT TYPE = "CHECKBOX" ID = "C2" NAME = "C2" VALUE = "One of the best site I've seen.">
<LABEL FOR = "C2">One of the best site I've seen.</LABEL>
<BR>
<INPUT TYPE = "CHECKBOX" ID = "C3" NAME = "C3" VALUE = "I have no taste so your site didn't do much
for me.">
<LABEL FOR = "C3">I have no taste so your site didn't do much for me.</LABEL>
<BR>
<BR>
Choose the one thing you love best of my pages:
<BR>
<INPUT TYPE = "RADIO" ID = "O1" NAME = "OPINION"
VALUE = "That gorgeous picture of you and your dogs.">
<LABEL FOR = "O1">That gorgeous picture of you and your dogs.</LABEL>
<BR>
<INPUT TYPE = "RADIO" ID = "O2" NAME = "OPINION" VALUE = "The inspiring recap about your
childhood.">
<LABEL FOR = "O2">The inspiring recap about your childhood.</LABEL>
<BR>
<INPUT TYPE = "RADIO" ID = "O3" NAME = "OPINION"
VALUE = "The detailed list of your hobbies.">
<LABEL FOR = "O3">The detailed list of your hobbies.</LABEL>
<BR>
<BR>
Imagine my site as a book, video or album.
<BR>
What do you think about my site?
<BR>
<SELECT NAME = "DETAILS" SIZE = "3">
<OPTION VALUE = "ADD MORE DETAILS ABOUT YOUR HOBBIES!" SELECTED>
ADD MORE DETAILS ABOUT YOUR HOBBIES!
</OPTION>
<OPTION VALUE = "ADD PICTURES OF YOUR CHILDHOOD">
ADD PICTURES OF YOUR CHILDHOOD
</OPTION>
<OPTION VALUE = "ADD YOUR FAVOURITES">
ADD YOUR FAVOURITES
</OPTION>
</SELECT>
<INPUT TYPE = "SUBMIT" NAME = "SUBMIT" VALUE = "Click here to submit" />
</FORM>
</BODY>
</HTML>

OUTPUT:
RESULT:
P.A. INTERNATIONAL SCHOOL, POLLACHI

EX NO:08 INLINE STYLE


DATE:

AIM:
To create a webpage by demonstrate the working of inline style.

CODING:

<html>
<head>
<title>Inline styles</title>
</head>
<body>
<table style="font-family:Arial;font-size:small">
<tr>
<th style="color:blue">
Writer's Name
<th style="color:green">
Primary Genre
</tr>
<tr><td>Arora
<td>Technical(multimedia)
</tr>
<tr><td>Roy
<td>Fiction</tr>
<tr style="color:red" >
<td >Yunus
<td>Non-fiction
</tr>
</table>
<p>Another table follows
<table>
<table style="font-family:Arial;font-size:small">
<tr>
<th>
Writer's Name
<th >
Primary Genre
</tr>
<tr><td>Singh
<td>Technical
</tr>
<tr><td>Paulo
<td>Fiction</tr>
<tr>
<td>Oslo
<td>Non-fiction
</tr>
</table>
</body>
</html>

OUTPUT:

RESULT:
P.A. INTERNATIONAL SCHOOL, POLLACHI

EX NO:09 EXTERNAL STYLE


DATE:

AIM:
To create a webpage to illustrate the linking of external style sheet to a webpage.

CODING:

i) HTML

<html>
<head>
<title>External Styles</title>
<link rel="stylesheet" href="sample.css">
</head>
<body>
<h1>Using external Stylesheet</h1>
<table>
<tr>
<th>Writer's Name
<th>Primary Genre
</tr>
<tr>
<td>Arora
<td>Technical(multimedia)
</tr>
<tr>
<td>Roy
<td>Fiction</tr>
<tr>
<td>Yunus
<td>Non-fiction
</tr>
</table>
<p>Another table follows
<table>
<table >
<tr>
<th>
Writer's Name
<th >
Primary Genre
</tr>
<tr><td>Singh
<td>Technical
</tr>
<tr><td>Paulo
<td>Fiction</tr>
<tr>
<td>Oslo
<td>Non-fiction
</tr>
</table>
</body>
</html>

(ii)sample.css

body {background: yellow; margin-top: 20}


h1{font-weight: bold; text-align: center; color: red; font-family: gill sans, arial, sans-serif}
cite {font-family: gill sans, arial, sans-serif; font-style: italic}
h2{font-size:16pt; font-weight: bold; margin-top:6; margin-bottom:6}
p {margin-top:4; margin-bottom:4}
td {padding:1pt 3pt 2pt 3pt; border-style: solid; border-width:1}
table {border-style: solid; border-width:3; border-color: black; font-size:10pt; text-align: justify}
OUTPUT:

RESULT:
P.A. INTERNATIONAL SCHOOL, POLLACHI

EX NO:10 HTML AND CSS EXTERNALLY


DATE:

AIM:
To create a webpage using HTML code and CSS code(externally).

CODING:

i) HTML

<html>
<head>
<title>Using CSS Font Properties</title>
<link rel = "stylesheet" type="text/css" href="sample5.css">
</head>
<body>
<H1> QUOTE OF THE DAY</H1>
<p>
It's never too late to start over. If you weren't happy with yesterday, try something different today. Don't
stay stuck. Do better.
<ul>
<li>stay positive :I
<li> Stay strong !!
</ul>
</p>
</body>
</html>
(ii)sample5.css

H1 {color : Red ;font-family ;"Times New Roman", serif;


font-size:30px ;text-align:centre;text-decoration: underline;}
p{font-family:Arial, Verdana, Sans-serif;font-style: italic ; font-size:1em;text-indent: 30px;word-
spacing:15px;color: Gray;}
LI{color: Blue;text-transform : capitalize;letter-spacing: 3px ;font-family : sans-serif;}

OUTPUT:
RESULT:

You might also like