Scribd
Upload
1K views39 pages

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
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
1K views39 pages

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