Scribd
Upload
495 views

HTML Coding-Output

The document contains an HTML code for creating an order form. It includes fields for customer details like name, address, product details, quantity, price and a submit button. On submitting the form, an alert message 'Order Form Submitted' will be displayed.

Uploaded by

Preethi Pretty
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
495 views

HTML Coding-Output

The document contains an HTML code for creating an order form. It includes fields for customer details like name, address, product details, quantity, price and a submit button. On submitting the form, an alert message 'Order Form Submitted' will be displayed.

Uploaded by

Preethi Pretty
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 39

1.

FRAME SET

CODING:

<html>

<frameset cols="30%,30%,30%" frame spacing="70">

<framesrc="file:///C:/Users/subas/OneDrive/Desktop/productlist.html"noresize="nosize"scrollin
g="no>

<frame src="file:///C:/Users/subas/OneDrive/Desktop/sales.html">

<frame src="file:///C:/Users/subas/OneDrive/Desktop/resume.html">

</frame set>

</html>
OUTPUT:
2. ORDERED LIST AND UNORDERED LIST

CODING:

<html>

<head>

<title> Shanthi stores </title>

</head>

<Font Color="Black">

<body bgcolor="Aqua">

<h1 align="center">Shanthi Departmental Stores</h1></center>

<h2 align="center">Gandhinagar</h2>

<h3 align="center">Tirupur</h3>

<h2 align="right">2<sup>nd</sup>Dec 2023</h2>

<h2><u>BOOKS</u></h2>

<ol type="A">

<li>Tamil</li>

<li>English</li>

<li>French</li>

</ol>

<h2><u>MAKEUP ITEMS</u></h2>

<ol type="1">
<li>Lipstick</li>

<li>Cleanser</li>

<li>Primer</li>

</ol>

<h2><u>FOOD ITEMS</u></h2>

<ol type ="a">

<li>Biscuits</li>

<li>Oreo</li>

<li>KitKat</li>

</ol>

<h2><u>DRESS ITEMS</u></h2>

<ul type="square">

<li>Chudi</li>

<li>Shirts</li>

<li>Skirts</li>

</ul>

<h2><u>REFRESHMENTS</u></h2>

<ul type="circle">

<li>Horlicks</li>

<li>Bourn Vita</li>

<li>Boost</li>

</ul>

</body>

</html>
OUTPUT:
3. IMAGE LIST

CODING:

<html>

<head>

<title> Image List </title> </head>

<body bgcolor="pink">

<center><h1>KIDS IMPEX</h1>

<center><h2>Guru Nagar</h2>

<center><h3>Tirupur</h3>

<center><img src="C:\Users\Preethi\OneDrive\Desktop\dress.jpg"height=300 width=300>

</center>

<h2> About </h2>

<p> This company was established in the year of 2016. It was a sole proprietorship. It was
organized by Mr. R. KUMARAN <br>

This company export to foreign countries like Australia, United State, Japan, Europe etc...

<h2>Export Items</h2>

<center><ul type = "disc"></center>

<li> Kids t-shirt </li>

<li> Nightwear</li>

<li> Casuals </li>

</ul>

</body>

</html>
OUTPUT:
4. LIST OF PRODUCTS

CODING:

<html>

<head>

<center><title>PRODUCT PRICE LIST</title>

</head>

<body bgcolor="pink"><font color=red size=15 face=NIRMALA UI><marquee


scrollamount=10><u>PRODUCT PRICE LIST<u></marquee>

<body background=""><table border="10" width="500"height="500">

<br>

<tr>

<th>PRODUCT NAME</th>

<th>DESCRIPTION</th>

<th>COMPANY</th>

<th>PRICE</th>

</th>

<tr>

<td rowspan="3">CPU processor</td>

<td>enter by ghz</td>

<td>amd</td>

<td>14200</td>

</tr>
<tr>

<td>Celeron 253 ghz</td>

<td>intel</td>

<td>3250</td>

</tr>

<tr>

<td>Pentium 421 ghz</td>

<td>intel</td>

<td>6000</td>

</tr>

<tr>

<td rowspan="2">mother board</td>

<td>intel 842 ghz</td>

<td>intel</td>

<td>4500</td>

</tr>

<tr>

<td>hp 945 ghz</td>

<td>hp</td>

<td>3000</td>

</tr>

<tr>
<td rowspan="12">speaker</td>

<td>stere</td>

<td>Samsung</td>

<td>1000</td>

</tr>

<tr>

<td>920 ubmpo</td>

<td>pioneer</td>

<td>3000</td>

</tr>

</center>

</table>

</body>

</html>
OUTPUT:
5. SALES LETTER

CODING:

<html>
<head>
<title>Sales Letter</title>
<font color="Black">
<h3 align="center">Industrial Lane 18<br>Gandhipuram<br>Phone:9234567890</p>
</h3>
<br>
<hr>
</head>
<body bgcolor="Pink">
<p align="right">Date:02.02.2023</p>
<p align="left">Dear Sir/Madam,</p>
<p align="justify">With pleasure, we would like to convey the cost of your different brands of
tea for hotel use.</br>
<p align="center">Thank you,</p>
<pre>
<p align="right"><font face=Times New Roman>Your truely,</p><br>
<p align="right"><font face=Times New Roman>(Aarthika V)</p>
<br>
</pre>
</body>
</html>
OUTPUT:
6. RESUME CREATION

CODING:

<html>
<head>
<title>Resume Creation</title>
</head>
<center>Resume Creation</center>
</h1>
<body>
<table><Font size=1>
<tr><td>Name<td>: Aarthika. V<td width=500></td>
<tr><td>Email<td>: [email protected]</tr></td>
<tr><td>Age<td>:20<td width=500</tr>
<tr><td>Phone No<td>:9790195678</tr></td>
</table>
<h2><u>Educational Qualification</u></h2>
<table border=1><tr>
<th>S.No</th>
<th>Degree</th>
<th>Institution</th>
<th>University</th>
<th>Percentage</th>
</tr>
<tr align="center"</td>
<td>1</td>
<td>B.Com(CA)</td>
<td>Dr. N.G.P Arts and Science College</td>
<td>Bharathiar University</td>
<td>79.3%</td>
</tr>
<tr align="center">
<td>2</td>
<td>12</td>
<td>Infant Jesus Convent</td>
<td>State Board</td>
<td>74.3%</td>
</tr>
<tr align="center">
<td>3</td>
<td>10</td>
<td>Infant Jesus Convent</td>
<td>State Board</td>
<td>72.8%</td>
</tr>
</table>
<h2><u>Technical Qualification</u>
<pre><b>
<td>Operating system: DOS, Windows</td>
<td>Language: C, C++, Oracle, HTML</td>
<td> Front and Tools: VB 6.0</td>
<td>Back and Tals"MS Access",
The above-mentioned information is true and correct up to the best of my knowledge.
Aarthika.V
</b>
</h2>
</font>
</body>
</html>
OUTPUT
7. WEBSITE CREATION FOR THE DEPARTMENT

CODING:

List of Department

<html>
<head>
<title>DR N.G.P ARTS and SCIENCE COLLEGE</title>
</head>
<h1><center><font size=30>DR N.G.P ARTS AND SCIENCE
COLLEGE</font></center></h1>
<body>
<img src="C:\Users\Administrator\Pictures\HTML Programs\college.jpg"
height="500"width="1500">
<h2><font size=24 color="Pink">List of Departments</font></h2>
<h3><pre>
<a href="Commerce.html"><font size=14>Department of commerce</font></a>
<a href="Commercewithca.html"><font size=14>Department of commerce with Computer
Applications</font></a>
<a href="Commercewithpa.html"><font size=14>Department of Commerce with Professional
Accounting</font></a>
<a href="Commercewithit.html"><font size=14>Department of Commerce with Information
Technology</font></a>
<a href="Commercewithcsca.html"><font size=14>Department of Commerce with Corporate
Secretaryship and Cost Accounting</font></a>
</h3></pre>
</body>
</html>
COMMERCE:

<html>
<head>
<title>NGP</title>
</head>
<body bgcolor="pink">
<h1><center><font size=25>Commerce</font></center></h1>
<p><font size=18><b>Welcome to Department of Commerce</b></font></p>
<h2><font size=15>List of Class</font></h2>
<font size=13><ol type="i">
<li>I-Bcom</li>
<li>II-Bcom</li>
<li>III-Bcom</li>
</font>
</ol>
<h2><font size=15>List of Staff</font></h2>
<font size=13><ol type="1">
<li> Dr.D.Parasakthi</li>
<li> Dr.S.S.Muruganandham</li>
<li> Dr.Vennila Gopal</li>
<li> Dr.Gandhimathi</li>
<li> Dr.S.Dharchana</li>
</font>
</ol>
<h3><font size=15>Highlights of the Department</font></h3>
<p><font size=13>To enhance the student Skills and Knowledge</font></p>
</body>
</html>
COMMERCE WITH COMPUTER APPLICATIONS:

<html>
<head>
<title>NGP</title>
</head>
<body bgcolor="Yellow">
<h1><center><font size=25>Commerce with CA</font></center></h1>
<p><font size=18><b>Welcome to Department of Commerce with Computer Applications</b></font></p>
<h2><font size=15>List of Class</font></h2>
<font size=13><ol type="i">
<li>I-Bcom CA</li>
<li>II-Bcom CA</li>
<li>III-Bcom CA</li>
<li>I-Mcom CA</li>
<li>II-Mcom CA</li>
</font>
</ol>
<h2><font size=15>List of Staff</font></h2>
<font size=13><ol type="1">
<li> Dr.P.Suganya</li>
<li> Dr.M.Prakash</li>
<li> Dr.P.Jayasubramaniam</li>
<li> Dr.C.Eahambaram</li>
<li> Dr.T.Sumathi</li>
<li> Dr.V.M.Tharaka Rani</li>
<li> Mr.M.Gunasekaran</li>
<li> Mrs.C.Mercy Praba</li>
<li> Mrs.T.Sreegeetha</li>
<li> Mrs.L.Priya</li>
<li> Mrs.V.Jayashree</li>
<li> Mrs.N.Revathi</li>
</font>
</ol>
<h3><font size=15>Highlights of the Department</font></h3>
<p><font size=13>Empowering students to bridge Commerce and Technology</font></p>
</body>
</html>
COMMERCE WITH PA:

<html>
<head>
<title>NGP</title>
</head>
<body bgcolor="green">
<h1><center><font size=25>Commerce with PA</font></center></h1>
<p><font size=18><b>Welcome to Department of Commerce with Professional
Accounting</b></font></p>
<h2><font size=15>List of Class</font></h2>
<font size=13><ol type="i">
<li>I-Bcom PA</li>
<li>II-Bcom PA</li>
<li>III-Bcom PA</li>
</font>
</ol>
<h2><font size=15>List of Staff</font></h2>
<font size=13><ol type="1">
<li> Dr.K.Vanaja</li>
<li> Dr.M.Kalimuthu</li>
<li> Dr.S.Suganya</li>
<li> Dr.N.Ramya</li>
<li> Dr.P.Dhanya</li>
</font>
</ol>
<h3><font size=15>Highlights of the Department</font></h3>
<p><font size=13>To cultivate students into accounting experts</font></p>
</body>
</html>
COMMERCE WITH IT:

<html>
<head>
<title>NGP</title>
</head>
<body bgcolor="Pink">
<h1><center><font size=25>Commerce with IT</font></center></h1>
<p><font size=18><b>Welcome to Department of Commerce with Information
Technology</b></font></p>
<h2><font size=15>List of Class</font></h2>
<font size=13><ol type="i">
<li>I-Bcom IT</li>
<li>II-Bcom IT</li>
<li>III-Bcom IT</li>
</font>
</ol>
<h2><font size=15>List of Staff</font></h2>
<font size=13><ol type="1">
<li> Dr.S.Kowsalya</li>
<li> Dr.M.Kanagaraj</li>
<li> Dr.R.Senthilkumar</li>
<li> Dr.S.Renugadevi</li>
<li> mMr.R.Suresh</li>
</font>
</ol>
<h3><font size=15>Highlights of the Department</font></h3>
<p><font size=13>To shape business leaders into IT expertise</font></p>
</body>
</html>
COMMERCE WITH CSCA:

<html>
<head>
<title>NGP</title>
</head>
<body bgcolor="Yellow">
<h1><center><font size=25>Commerce with CS(CA)</font></center></h1>
<p><font size=18><b>Welcome to Department of Commerce with CS(CA)</b></font></p>
<h2><font size=15>List of Class</font></h2>
<font size=13><ol type="i">
<li>I-Bcom CS(CA)</li>
<li>II-Bcom CS(CA)</li>
<li>III-Bcom CS(CA)</li>
</font>
</ol>
<h2><font size=15>List of Staff</font></h2>
<font size=13><ol type="1">
<li> Dr.J.Lilly</li>
<li> Dr.N.Deepa</li>
<li> Dr.P.Kannan</li>
<li> Dr.C.Rajeshwari</li>
<li> Dr.S.Kamalaveni</li>
</font>
</ol>
<h3><font size=15>Highlights of the Department</font></h3>
<p><font size=13>Charting Success and creating Professionals</font></p>
</body>
</html>
OUTPUT:

DR.NGP ARTS AND SCIENCE COLLEGE


8. ORDER FORM

CODING:

<html>
<head>
<title>
Local Order Processing
</title>
<script language="javascript">
function record ()
{
Alert (" Order Form Submitted")
}
</script>
</head>
<body bgcolor="olive">
Local Order Processing
<br>
<form>
<label> Order No:</label>
<input type="text" name="Order No" size="15"/> <br> <br>
<label> Customer Address</label>
<input type="text" name="Customer Address" size="15"/> <br> <br>
<label> Customer Mobile Number</label>
<input type="text" name="Customer Mobile Number" size="15"/> <br> <br>
<label>
Food Items:
</label>
<select>
<option value="Food Items">Food Items</option>
<option value="Milk">Milk</option>
<option value="Meats">Meats</option>
<option value="Cereals">Cereals</option>
<option value="Pasta">Pasta</option>
<option value="Bread">Bread</option>
<option value="Chocolates">Chocalates</option>
<option value="Cheese">Cheese</option>
<option value="Cakes">Cakes</option>
<option value="Vegetables">Vegetables</option>
</select>
<br>
<br>
<label>
Price Limit :
</label><br>
<input type="radio" name="Price limit"/> 100-500 <br>
<input type="radio" name="Price limit"/> 500-1000<br>
<input type="radio" name="Price limit"/> 1000-1500<br>
<input type="radio" name="Price limit"/> 1000-1500<br>
<br>
<br>
<label>
Taste:
</label>
<br>
<input type="checkbox" name="Sweet">Sweet <br>
<input type="checkbox" name="Salty">Salty<br>
<input type="checkbox" name="Sour">Sour<br>
<input type="checkbox" name="Bitter">Bitter<br>
<input type="checkbox" name="Hot">Hot <br>
<input type="checkbox" name="Cool">Cool<br>
<br>
<br>
<br>
<br>
<label>
Product Name:
</label>
<input type="text" name="product name" size="10"> <br> <br>
Rate:
<br>
<textarea cols="10" rows="5" value="rate">
</textarea>
<br> <br>
Quantity:
<input type="text" name="quantity" size="10"> <br>
<br><br>
Units of Measure:
<input type="text" name="units" size="10"> <br>
<br> <br>
<input type="submit" value="Submit" onclick="record ()">
</form>
</body>
</html>
OUTPUT:
9. CUSTOMER SURVEY FORM
CODING:

<html>
<head>
<title>Customer survey</title>
<script language="Javascript">
function record ()
{
alert ("Customer details are recorded")
}
</script></head>
<body bgcolor="pink">
<h2><center>Customer Survey Form</h2>
<form name="Survey">
<table>
<tr><th>Name<th><input type="text “Name="Name">
<tr><th>Gender<th><input type="text “Name="Gender">
<tr><th>Age<th><input type="text “Name="Age">
<tr><th>Address<th><input type="text “Name="Address">
<tr><th>City<th><input type="text “Name="City">
<tr><th>State<th><input type="text “Name="State">
<tr><th>Pincode<th><input type="text “Name="Pincode">
<tr><th>Contact no<th><input type="text “Name="Contact no">
</table>
<input type="Button “value="Submit"onclick="record ()">
<input type="reset “value="clear">
</center>
</form>
</body>
</html>
OUTPUT:
10. NESTED FRAMESET

CODING:

<html>
<head>
<title>NestedfrAmes</title>
</head>
<frameset rows="50%, *,*">
<frameset cols="100%">
<frame name="frame1" src=frame1.html>
</frameset>
<frameset cols="*,*,*">
<frame name="frame2" src=frame2.html>
<frame name="frame3" src=frame3.html>
<frame name="frame4" src=frame4.html>
</frameset>
<frame name="frame5" src=frame5.html>
</frameset>
</html>
Frame1:

<html>

<head>

<title>frame1</title>

</head>

<body bgcolor="aqua">

<center>

<img src="Y:\image\td.jpg" width="400" height="400">

<br>

<font size="20"> frame1</font>

</center>

</body>

</html>
Frame 2:

<html>

<head>

<title>frame2</title>

</head>

<body bgcolor="hotpink">

<font size="20">frame2</font>

<ul><li>html tags for hypertext markup language</li>

<li>html is the standard markup language for webpagews</li>

<li>elements are the building blocks of htmlpagees</li>

<li> html elemnts are represented by <>tags</li>

</ul>

</body>

</html>
Frame3:
<html>
<head>
<title>frame3</title>
</head>
<body bgcolor="lightgreen">
<font size="20"> frame3</font>
<br>
<u><b> HTML elements</u></b>
<br>
An HTML
<br>
<u><b> html documents</u></b>
<br>
the html document itself begin with html tag and ends with html tag with slash (/)
<br>
the visible part of the html document is between body tag
<u><b>html headings<b></u>
<br>
html heading is defined with h1 to h6 tags.
<br>
h1 defines the most important heading.
<br>
h6 defines the least important heading.
</body>
</html>
Frame4:

<html>

<head>

<title>frame4</title>

</head>

<body bgcolor="grey">

<font size="20">frame4</font>

<br>

<u><b>html paragraphs</b></u>

<br>

html paragraphs are defined with paragraph tags

<br>

<u><b>HTML links</b></u><br>

html links are defined with anchor tags

<br>

<u><b>HTML Images</b></u>

<br>

html images are defined with <img> tags.

the source file(src), alternative text(alt),

width, and height are provided as attributes

</body>

</html>
Frame5:

<html>

<head>

<title>frame5</title>

</head>

<body bgcolor="grey">

<font size="20">frame4</font>

<br>

<u><b>html Buttons</b></u>

<br>

html buttons are defined with button tags

<u><b>HTML List</b></u><br>

html list are defined with unordered bullet list or ordered numbred list tags,followed by list
tag(list items)

<br>

<u><b>HTML Table</b></u>

<br>

html table are defined with table tags.

the source file(src), alternative text(alt),

width, and height are provided as attributes

</body>

</html>
OUTPUT:

You might also like