Keshav Dey (E-Commerce)
Keshav Dey (E-Commerce)
ON
E-COMMERCE
BATCH- 2021-2024
Any accomplishment requires the effort of many people, and this work is not
different. Regardless of the source, I wish to express my gratitude to those who
may have contributed to this work, even though anonymously.
My final thank goes out to my parents, family members, teachers and friends
who encouraged me countless times to persevere through this entire process.
KESAB DEY
# HTML page structure: The basic structure of an HTML page is laid out below. It
contains the essential building-block elements (i.e. doctype declaration, HTML,
head, title, and body elements) upon which all web pages are created.
<Title>
<Base>
<No script>
<Script>
<Meta>
<Link>
<body>: The body tag is used to enclose all the visible content of a webpage. In
other words, the body content is what the browser will show on the front-end.
An HTML document can be created using any text editor. Save the text file
using .html or .htm. Once saved as an HTML document, the file can be opened as a
webpage in the browser.
Note: Basic/built-in text editors are Notepad (Windows) and TextEdit (Macs). Basic
text editors are entirely sufficient for when you’re just getting started. As you
progress, there are many feature-rich text editors available which allow for greater
function and flexibility.
KESAB DEY 00350601721 2NDSEM
Example: This example illustrates the basic structure of HTML code.
<!DOCTYPE html>
<html>
<head>
<title>Demo Web Page</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<p>A computer science portal for geeks</p>
</body>
</html>
#OUTPUT
#Features of HTML:
It is easy to learn and easy to use.
It is platform-independent.
Images, videos, and audio can be added to a web page.
Hypertext can be added to the text.
It is a markup language.
#Why learn HTML?
It is a simple markup language. Its implementation is easy.
It is used to create a website.
Helps in developing fundamentals about web programming.
Boost professional career.
#Advantages:
HTML is used to build websites.
It is supported by all browsers.
It can be integrated with other languages like CSS, JavaScript, etc.
#Disadvantages:
HTML <frame> tag define the particular area within an HTML file where another
HTML web page can be displayed.
A <frame> tag is used with <frameset>, and it divides a webpage into multiple
sections or frames, and each frame can contain different web pages.
Syntax:
<frame src = “URL”>
Display Block
Start Tag / End Tag Start tag(required), End tag(forbidden)
Usage Frames
Example 1:
Create Vertical Frames:
<! DOCTYPE html>
<html>
<head>
<title> frame tag </title>
</head>
<frameset cols = “25%,50%,25%”>
<frame src =”frame 1.html”>
<frame src = frame 2.html”>
<frame src=”frame 3.html”>
</frameset>
</html>
# OUTPUT:
+
<HTML>
<HEAD>
<TITLE> form </TITLE>
</HEAD>
<BODY bgcolor ="yellow">
<H1><U>ABOUT WEBPAGE</U> <H1>
<center>
<textarea name= my text area column= 15 rows= 5 >
</textarea>
<BR>
<SELECT name= "Value">
<OPTION name= one value= One> One </option>
<option name= two value= Two> Two </option>
<option name= three value= Three> Three </option>
</select>
<BR>
<INPUT type= checkbox value= “1”> 1 <BR>
<INPUT type= checkbox value= “2”> 2 <BR>
<INPUT type= checkbox value= “3”> 3
<BR>
<INPUT type= check box value= “1” checked> 1 <BR>
<INPUT type= check box value= “2”> 2 <BR>
</BODY>
</HTML>
HTML>
<HEAD>
<TITLE>DEMONSTRATION TO SHOW ORDER LIST
</TITLE>
</HEAD>
<BODY BGCOLOR="GREEN">
<H1 STYLE="TEXT-ALIGN: CENTER;">
<U>THE FOLLOWING HTML CODE IS TO SHOW DEMONSTRATION
OF ORDER LIST</U></H1>
<H2><B> <I>MONTHS</I></B></H2>
<OL>
<P>
<FONT SIZE="4">
<LI>JANUARY </LI>
<LI>FEBRUARY</LI>
<LI>MARCH</LI>
<LI>APRIL</LI>
<LI>MAY</LI>
<LI>JUNE</LI>
<LI>JULY</LI>
<LI>AUGUST</LI>
Unordered List
<HTML>
<HEAD>
<TITLE>DEMONSTRATION TO SHOW UNORDERED LIST
</TITLE>
</HEAD>
<BODY BGCOLOR=”PINK">
<UL>
Nested List
<HTML>
<HEAD>
<HTML>
<HEAD> ABOUT RED FORT
<TITLE>DEMONSTRATION TO SHOW HOW TO INSERT IMAGE
</TITLE>
</HEAD>
<BODY>
<FONT COLOR=”RED”> <FONT SIZE=”10”>DEMONSTRATION TO
SHOW HOW TO INSERT IMAGE </FONT></FONT>
<BODY BGCOLOR="PURPLE">
<H2><B>ABOUT LEONARDO DA VINCI:</B></H2>
<P> Leonardo da Vinci] (15 April 1452 – 2 May 1519) was an Italian
polymath,
1472
At the age of 20, Leonaído qualified as a masteí in the Guild of Saint
Luke, the guild of aítists and doctoís of medicine.
1478
Leonardo received an independent commission to paint an altarpiece for
the Chapel of St. Bernard in the Palazzo Vecchio.
1493
In his notebooks, Leonaído fiíst stated the ‘laws’ of sliding fíiction.
1495
While woíking in Milan, Leonaído took on many píojects. One of those
was one of his most famous, ľhe Last Suppeí.
</BODY>
</HTML>
<html>
<style> table,
th, td {
border:1px solid black;
}
</style>
<body>
<table style="width:100%">
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Mannu bros.</td>
<td>1235678789</td>
<td>Germany</td>>
</tr>
<font color="green"<tr>
<td>Centro commercial</td>
<td>245678990 </td>
<td>Mexico</td>
<html>
<head> Anchor tag on wikipedia
</head>
<body>
<p>
<a href="https://www.wikipedia.com/">Click here</a>
</body>
</html>
<html>
<head>
<title>Ques . Write a code in HTML to design a ONLINE RESERVATION
FORM.</title>
</head>
<body bgcolor="aqua">
<font size=7 font color="orange">
<center><b><u><i>
ONLINE RESERVATION FORM
</b></u></i></center></font>
<br><br>
<CENTER><table>
<tr>
<td><b><font size=4 font color="black">FIRST NAME</td><td><INPUT
TYPE="text"
value="" style="width:200px;"></td></tr></CENTER>
<tr>
<html>
<head><center> Personal Profile </center></head>
<title> code showing Personal Profile</title>
<body bgcolor="FFCC8F">
<table border="1" align="center" width="60%">
<tr>
<th bgcolor="lightblue"> <h1> <font face="timesnewroman"> Welcome to my Profile!
</h1></th></font></tr>
<tr><th align="left"><h2> SAURAV BINJOLA </h2>
<img src="C:\Users\User\Desktop\Saurav.jpg" height="100px" width="100px"
border="1"align="right">
<b> Student at: Ndim</b> <br><br>
Mobile No.:8810549639 <br></br>
Email id: [email protected]<br></br>
<h2><u> Personal Information: </u></h2>
<ul>
<li> Father Name: Prabhakar Binjola</li>
<li> Mother Name: Godambari Binjola</li>
<li> Date of Birth: 03 November 2002</li>
<li> Nationality: Indian</li>
<li> Hobbies: Reading Books, Travelling</li>
<li> Martial Status: Single</li>
</ul>
<h2><u> Qualification:</u></h2>
<table border="1"cellspacing="10" cellpadding="8"> <tr> <th> Degree </th> <th>
year</th> <th> school/university</th> <th> Percentage</th></tr>
</center>
<style>
body {background-image:url('lic.jpg');background-repeat:no-
repeat;background-size:cover;}</style>
</body>
</html>
<!doctype html>
<html>
<head><h1><u><center><font size="20" font color="red"><b>Shopping
Form</h1></center></b></u>
<meta charset="utf-8">
<title>Shopping Website</title>
</head><h6><center><form><input type="text" name="name"
id="name" placeholder="Search"/>
<input type="submit" name="submit" id="submit">
</form></h6>
<body background = "shopping1.jpg">
<body><font size="28"><font color="white"><b><left>GET UP TO 50%
OFF</left></b><marquee><img src=".jpg" width="270" height="400">
<img src=" dress2.jpg" width="250" height="400">
<img src=" dress3.jpg" width="250" height="400">
<img src=" dress4.jpg" width="250" height="400">
<img src=" dress5.jpg" width="250" height="400"></marquee>
PERSONAL DETAILS AND PAYMENT OPTIONS:-<BR>
<font size="3" face="Verdana">First Name</font>
<input type="text" value="" size="28" Name="11">
<font size="3" ALIGN="RIGHT" face="Verdana">Last
Name</font>
<input type="text" value="" size="28" Name="11"><p>
<font size="3" face="Verdana">Address</font>
<Textarea row=5 cols=30 name="ADDRESS"></textarea><br>
<font size="3" face="Verdana">Phone no.</font>
<input type="text" value="" size="16" Name="12">
<font size="3" face="bookman old style">CITY
<Select>
<option>----SELECT CITY-----</options>
<option>NEW DELHI</options>
<option>KOLKATA</options>
<option>CHENNAI</options>
<option>MUMBAI</options>
<option>GURUGRAM</options>
<option>NOIDA</options>
<option>FARIDABAD</options>
<!doctype html>
<html>
<head><h1><u><center><font size="20" font color="green"<b>FOOD
<tr>
<td> <br><br><br><br>
<table border="0" width="85%" align="center" cellpadding="15px">
<tr align="center"> <td colspan="2"> <font face="Open Sans" size="6"
color="#fff"> Finance </font>
<hr align="center" width="7%"> </td></tr>
<tr>
<td> <label> <font size="5" color="#fff"> BENEFITS of YAMAHA.
Completely works on your terms and offers you a hassle-free ownership
experience coupled with absolute peace of mind. Yamaha offers better value
and the freedom to appreciate every moment.
Key benefits:
<ul>
<li> 1. Guaranteed future value </li>
<li> 2. Low monthly installments (more than 25% lower) </li>
<li> 3. Flexible end of term options </li>
</ul>
</font></label> <br></td> </tr>
<tr>
<td> <label> <font size="5" color="#fff"> LOAN </font></label> <br>
<font size="5" color=#fff">Yamaha
Easy and flexible.Yamaha offers you low monthly payments and a contract term from 24
months to 48 months with an Guaranteed Future Value at the end. At the end of your
finance contract you will have the following options:
- Trade-in your Yamaha
- Refinance your Guaranteed Future Value.
- Return your bike.
- Keep your bike
</td>
</tr>
<tr>
KESAB DEY 00350601721 2NDSEM
<td> <label> <font size="5" color="#fff">Yamaha EMI T&C </font></label> <br>
<font size="4" color="#fff">Yamaha EMI starts at ₹ 5,000 for a loan period of 60 months
at 8.5% interest rate and loan amount of ₹ 1.45 Lakh. You can calculate EMI for the
Yamaha variants that you are looking for from below dropdown. -Flexibility to choose a
new Yamaha that best suits your driving and lifestyle needs.
-Flexible contract tenure to choose from 12 months to 48 months
-No Burden on the customer about finance
-All benefuts were given to the customer
</td>
</tr>
</table>
<!--- Finance--->
<!--- Buy Now--->
<table width="100%">
<tr><td>
<br><br><br><br>
<table border="0" width="85%" align="center" cellpadding="15">
<tr align="center"> <b> <td colspan="5"> <u><font size="10"color="white"> BUY
NOW<br></u> [CLASSIC]</font></td> </b>
</tr>
<tr align="center">
<td>
<img src= "C:\Users\User\Desktop\Yamaha4.jpg"> <br><br>
<br> <font size="6"color="white"> Enfield 350 </font><br> <font
size="4"color="white">RS 2.78lakhs(ex-showroom)</font></td>
</tr>
</table> <br><br><br><br>
</td></tr>
</table>
<!--- End Team--->
<!--- Contact--->
<tr align="center">
<td colspan="2"> <font color="white" size="6"> Contact Us </font> <br> <hr
align="center" width="10%"> </td>
</tr>
<tr>
<td> <font color="black">Name : </font> </td>
<td> <input type="text"> </td>
</tr>
<tr>
<td> <font color="black">Mobile : </font> </td>
<td> <input type="number"> </td>
</tr>
<tr>
<td> <font color="black"> Message : </font> </td>
<td> <textarea cols="20" rows="4"> </textarea> </td>
</tr>
<tr>
<td> <font color="black"> Email Address : </font> </td>
<td> <textarea cols="20" rows="4"> </textarea> </td>
</tr>
<tr align="center">
<td colspan="2"> <input type="submit"> </td>
</tr>
</table><br><br><br><br>
</td></tr>
</table>
</form>
<table width="100%">
<tr><td>
KESAB DEY 00350601721 2NDSEM
<table border="0" width="85%" align="center" cellpadding="15">
<tr align="center">
<td>
<br><font size="6" color="white"> Phone No. </font></br>
<font size="5"color="white">8287638520.</font>
</td>
<td>
<br><font size="6"color="white"> Email us </font> </br>
<font size="5" color="white">[email protected]</font>
</td>
<td>
<br><font size="6"color="white"> Location </font> </br>
<font size="5"color="white" > Yamaha DELHI</font>
</td>
</tr>
</body>
</html>