Advit Ecom
Advit Ecom
BBA-112
Submitted by:
ADVIT
13617701722
1. <a> ANCHOR tag creates <a href="http://www.fillster.com">link</a> to other internet location, or file.
2. ABBREVIATION tags indicate interpretation of the meaning to the browsers and search engines for such
<abbr>
as kind of abbreviations as "Inc.", "etc.".
3. <acronym> ACRONYM tags defines an acronym, like; <acronym title="World Wide Web">WWW</acronym>.
4. <address> ADDRESS tags are used to identify the author's contact information for a section or a document.
5. <area> AREA tag defines a section of an image.
6. <b> BOLD tag is specifying <b>bold section</b> within the text document.
7. <base> BASE tag defines information regarding to the links on the page.
8. <basefont> BASEFONT tags defines changes of all text appearance on the web page.
9. BDO tag is specifying the direction of text display by overwriting the default value from Left to Right.
<bdo>
<bdo dir="rtl">Right to Left</bdo>
10. BGSOUND tag is defining a background sound for a webpage.
<html>
<head>
<bgsound src="JingleBells.wav" loop="3">
<bgsound> </head>
<body>
</body>
</html>
Demo • Example
11. <big> BIG tag makes the <big>text larger</big> then the rest of the text.
12. BLOCKQUOTE tags
<blockquote> <blockquote>separate a section</blockquote>
of text from the surrounding text.
13. <html>
<body> <head>
</head>
S. No. Tags Description • Meaning • Definition
<body>
Body tags identify the content of a web page.
</body>
</html>
14. Line Break tag is specifying<br>
<br>
a new line
15. <button> BUTTON tag is used to create a <button type="button">Push Button</button> Push Button
16. <table>
<caption>CAPTION tag adds a caption to a table.</caption>
<tr>
<caption> <td>
</td>
</tr>
</table>
17. <center> <center>CENTER tags center text, images, etc.</center>
18. <cite> <cite>CITE tags defines a citation and displaying in italics.</cite>
19. <code> CODE tags are used for example, to indicate a code of the current <code>htmltags.html</code> page.
20. COL tags are used to define column properties for table columns.
<table>
<colgroup span="2">
<col width="60" align="left"></col>
<col width="80" align="center"></col>
<col>
</colgroup>
<tr>
<td>1st Column</td>
<td>2nd Column</td>
</tr>
</table>
21. COLGROUP tags are used to define groups of table columns.
<colgroup>
S. No. Tags Description • Meaning • Definition
<table>
<colgroup span="2">
<col width="60" align="left"></col>
<col width="80" align="center"></col>
</colgroup>
<tr>
<td>1st Column</td>
<td>2nd Column</td>
</tr>
</table>
22. DD tag defines a definition description.
<dl>
<dt>NASA</dt>
<dd>
<dd>National Aeronautics and Space Administration</dd>
<dt>MBA</dt>
<dd>Master of Business Administration</dd>
</dl>
23. <dfn> DFN tags emphasize definition, for example; <dfn>PC</dfn>: Personal Computer.
24. <del> DEL tag indicates <del></del>
25. DIR tags define directory lists.
<dir>
<dir> <li>First</li>
<li>Second</li>
<li>Third</li>
</dir>
26. DL tag defines a definition list.
<dl>
<dl>
<dt>CSU</dt>
<dd>California State University</dd>
<dt>UN</dt>
S. No. Tags Description • Meaning • Definition
<dd>United Nations</dd>
</dl>
27. DIV tag is a logical section of a web document.
<div>
<div> <h1>Home Pets</h1>
<p>Cats</p>
<p>Dogs</p>
</div>
28. DT tags defines a definition term.
<dl>
<dt>HTML</dt>
<dt>
<dd>HyperText Markup Language</dd>
<dt>CSS</dt>
<dd>Cascading Style Sheets</dd>
</dl>
29. EMBED tag gives a command to a browser to include a multimedia elements, such as video, sound
files within a web document.
Demo • Example
30. <em> EM tags <em>emphasize</em> text.
31. FIELDSET tag creates a form for all elements in it.
<fieldset>
<fieldset>Find a rounded-corner box around this text.</fieldset>
32. FONT tags attribute text <font face="cursive, serif">font</font>, <font color="#0000ff">color</font>, and
<font>
<font size="4">size</font>.
<form> Form tags define a form.
S. No. Tags Description • Meaning • Definition
Top of Form
eMail:
Name:
Bottom of Form
33. Frame tags define each frame within a frameset.
<html>
<head>
<title>Frame Tags in Action</title>
</head>
<noframes>
<body>
<noframe> <h1>Sorry, your browser doesn't support this feature!</h1>
</body>
</noframes>
<frameset cols="35%, 65%">
<frame src ="/htmlcodes/left-frame.html" />
<frame src ="/htmlcodes/right-frame.html" />
</frameset>
</html>
S. No. Tags Description • Meaning • Definition
Demo • Example
34. FRAMESET tags define a layout of frames.
<html>
<frameset cols="45%, *">
<frame src ="/htmlcodes/left-frame.html" />
<frameset>
<frame src ="/htmlcodes/right-frame.html" />
</frameset>
</html>
Demo • Example
35. H1 - H6 define level 1-6 headers.
<h1>Header 1</h1>
<h2>Header 2</h2>
<h1> - <h6> <h3>Header 3</h3>
<h4>Header 4</h4>
<h5>Header 5</h5>
<h6>Header 6</h6>
36. Head tags define general information about the document, page title, meta-tags, scripts and links to
follow, and other commands to browsers.
<html>
<head>
<title>HTML Tags - Head Tag</title>
<head> <meta name="keywords" content="html tags, head tag" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="javaexample.js" type="text/javascript"></script>
</head>
<body>
</body>
</html>
37. HR tag draws a horizontal break line.
<hr>
S. No. Tags Description • Meaning • Definition
<html>
<html> <head>
</head>
<body>
</body>
</html>
38. iFrame tag creates an inline frame that contains another web page in it.
<iframe>
40. INPUT tags define input fields, check boxes, radio buttons.
Top of Form
eMail:
Name:
Web Designer
Web Developer
Windows
Mac
Bottom of Form
41. <ins> INS tag defines an <ins>inserted text</ins>.
42. ISINDEX tag defines a single-line input field. Work in internet explorer
Bottom of Form
43. <i> <I> tag is specifying <i>italic text</i>.
44. <kbd> KBD tag stands for <kbd>keyboard text</kbd>.
LABEL tag defines a label to a form control.
<label>
<p>Where do you live?</p>
S. No. Tags Description • Meaning • Definition
<form action="">
<input type="radio" name="country" id="us" />
<label for="usa">USA</label><br />
<input type="radio" name="country" id="uk" />
<label for="uk">UK</label>
</form>
<legend>Questionnaire</legend>
<p>Where do you live?</p>
<form action="">
<input type="radio" name="country" id="usa" />
<label for="usa">USA</label><br />
<input type="radio" name="country" id="canada" />
<label for="canada">Canada</label>
<legend>
</form>
Questionnaire
Where do you live?
Top of Form
USA
Canada
Bottom of Form
46. LI tag defines a list of ordered and unordered items.
<li>
<ol>
S. No. Tags Description • Meaning • Definition
<li>HTML</li>
<li>PHP</li>
<li>JavaScript</li>
</ol>
<ul>
<li>HTML</li>
<li>PHP</li>
<li>JavaScript</li>
</ul>
1. HTML
2. PHP
3. JavaScript
HTML
PHP
JavaScript
47. LINK tag defines a link to an external document, such as External Style Sheets.
<link> <head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
48. MARQUEE tags define different movement behaviors.
<marquee>
Demos • Examples
49. MENU tag defines a menu list.
<menu>
<li>Google</li>
<menu>
<li>Yahoo</li>
<li>MSN</li>
</menu>
S. No. Tags Description • Meaning • Definition
Google
Yahoo
MSN
50. OPTGROUP tag creates an option drop-down group menu.
<select>
<optgroup label="Fruits">
<option value ="banana">Banana</option>
<option value ="pineapple">Pineapple</option>
</optgroup>
<optgroup label="Vegetables">
<option value ="tomato">Tomato</option>
<option value ="potato">Potato</option>
<optgroup> </optgroup>
</select>
51. OPTION tag creates a drop-down menu. OPTION tag works only in conjunction with a SELECT tag.
<select>
<option value ="beginner" selected="selected">Beginner</option>
<option> <option value ="intermediate">Intermediate</option>
<option value ="advanced">Advanced</option>
</select>
<ol>
<li>Red</li>
<li>Green</li>
<li>Blue</li>
</ol>
1. Red
2. Green
3. Blue
53. <P> tag is specifying a paragraph and creates a new line.
<h4>Header 4</h4>
<p>
<p>This is a paragraph.</p>
PRE tag is specifing a preformatted text. This tag does,t let the browsers to eliminate "white spaces" in
the text.
<pre>
City London Cool
City Paris Awesome
City New York Great
</pre>
<pre>
EXAMPLE
<select>
<option value ="planes" selected="selected">Planes</option>
<select> <option value ="trains">Trains</option>
<option value ="automobiles">Automobiles</option>
</select>
<span> <div>
<p>Cats and Dogs <span style="color:blue;">are our friends.</span></p>
</div>
59. STRIKE tag creates a strike through words or text. Strike tag is depreciated and is not supported in
XHTML 1.0 Strict DTD, therefore it's recommended to use DEL tag instead.
<strike>
<strike>striking through</strike>
60. STRONG tag is specifying a strong text.
<strong> <div>
<p>Weightlifters are <strong>strong people.</strong></p>
</div>
61. <style> STYLE tag specifies a link and location to a style sheet, and gives a command to browsers regarding to
S. No. Tags Description • Meaning • Definition
a layout for a web page. Please find; First bold line is an External Style, and the next bold lines are for
the Internal Style web page presentation.
<html>
<head>
<title>HTML Tags - Head Tag</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
h1{text-align: center; font-style: italic}
p{color:#ff0000}
</style>
</head>
<body>
</body>
</html>
62. SUB tag is defining a subscripted text.
<sub>
SUB tag is creating <sub>a subscripted text.</sub>
63. SUP tag is defining a superscripted text.
<sup>
SUP tag is creating <sup>a superscripted text.</sup>
64. TABLE tag is defining a table.
<table>
<tr>
<table>
<td>First Cell</td>
<td>Second Cell</td>
</tr>
</table>
65. TD tag creates a data cell.
<td>
<table>
<tr>
S. No. Tags Description • Meaning • Definition
<table>
<tr>
<th colspan="2">My Shopping List</th>
<th> </tr>
<tr>
<td>Apples</td>
<td>Pears</td>
</tr>
</table>
67. TR tag creates a row in a table.
<table>
<tr>
<tr>
<td>Data Cell 1</td>
<td>Data Cell 2</td>
</tr>
</table>
68. TBODY tag creates a table body.
<table>
<thead>
<tr>
<tbody> <td colspan="2">>Header - Complete List of Basic HTML Tags</td>
</tr>
</thead>
<tbody>
<tr>
<td>Tags</td>
S. No. Tags Description • Meaning • Definition
<td>Attributes</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2">>Footer - Created by Fillster.com</td>
</tr>
</tfoot>
</table>
69. TEXTAREA tag creates a text area.
<table>
<thead>
<tr>
<td colspan="2">>Header - HTML Tags List</td>
</tr>
</thead>
<tfoot>
<tbody>
<tr>
<td>HTML Tags</td>
<td>HTML Attributes</td>
</tr>
</tbody>
<tfoot>
<tr>
S. No. Tags Description • Meaning • Definition
<table>
<thead>
<tr>
<td colspan="2">>Header text place here.</td>
</tr>
</thead>
<tbody>
<tr>
<thead>
<td>Element - 1</td>
<td>Element - 2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2">>Footer notes put here.</td>
</tr>
</tfoot>
</table>
72. TITLE tag declares a title of an HTML document.
<html>
<head>
<title> <title>Brief description of the web page.</title>
</head>
<body>
</body>
</html>
S. No. Tags Description • Meaning • Definition
<ul>
<li>Code</li>
<li>Script</li>
<ul> <li>Tag</li>
</ul>
Code
Script
Tag
Home page
<html>
<head><title>html frames</title>
</head>
<frameset rows="17%,76%,7%" border=2>
<frameset cols="10%,90%" border=2>
<frame name="1" src="logo.html">
<frame name="2" src="title.html">
</frameset>
<frameset cols="10%,90%">
<frame name="3" src="NAVIGATION_page.html">
<frame name="5" src="welcome_video.html">
</frameset>
<frame name="4" src="connect_us.html">
<noframes>
<body> your browser does not support frames.</body>
</noframes>
</frameset>
</html>
Logo page
<html>
<head>
<title>LOGO</title>
<style>
img
{
border-color:brown;
}
img:hover
{
transform : scale(1.5);
}
</style>
</head>
<body bgcolor="white">
<a href="welcome_video.html" target="5"><img src="logo.jpg" height=90 width=125 alt="Logo Image"
border=7></a>
</body>
</html>
Title Page
<HTML>
<HEAD>
<TITLE>Title Page</TITLE>
<style>
a:hover
{
background-color:WHITE;
color: red;
font-size: 80%;
text-transform:uppercase;
text-decoration:none;
}
</style>
</HEAD>
<BODY BGCOLOR="white" vlink="pink" alink="pink" link="pink" size="5" bgcolor="black">
<center><font face="agency fb" size=7 color="orange"><b>Hexton Electronics</b></font>
<font face="TIMES NEW ROMAN" size="3">
<MARQUEE behavior="alternate" bgcolor="GREY" direction="left" onmouseover="this.stop();"
onmouseout="this.start();" scrollamount=5>
Gives affordable and excellent electronic products</marquee>
<font face="Elephant Pro" size="5">
|<a href="welcome_video.html" target="5">Home</a>|
<a href="content_page.html" target="3">Table of Content</a>|
<a href="product.html" target="5">New Arrivals</a>|
<a href="MOBILE.html" target="5">Mobile Phones</a>|
<a href="laptops.html" target="5">Laptops</a>|
<a href="televisIon.html" target="5">Televisions</a>|
<a href="tablets.html" target="5">Tablets</a>|
<a href="ac.html" target="5">Air Conditioner</a>|
<a href="fridge.html" target="5">Refrigerators</a>|
</BODY>
</HTML>
Navigation Page
<html>
<head>
<title>Navigation Page</title>
</head>
<body vlink="pink" alink="pink" link="pink" size="8" bgcolor="white">
<font face="Elephant Pro" size="5">
<a href="welcome_video.html" target="5">Home</a><br><hr color="white">
<a href="about_us.html" target="5">About Us</a><br><hr color="white">
<a href="CATALOGUE.pdf" target="5">Catalogue</a><br><hr color="white">
<a href="glossary.html" target="5">Description</a><br><hr color="white">
<a
href="https://docs.google.com/forms/d/e/1FAIpQLSf3gTieXgokQFtCfIvwdghgUmTOruY1tyDnZl1Vc4Sz
U5rMBw/viewform?usp=sf_link " target="5">Online Form</a><br><hr color="white">
<a href="form.html" target="5">Form</a><br><hr color="white">
<a href="map.html" target="5">Location</a><br><hr color="white">
</font>
</body>
</html>
Home Video Page
<html>
<head>
<title>Welcome Video</title>
<style>
img
{
border-color:PaleVioletRed;
}
img:hover
{
transform: scale(1.5);
}
</style>
<title>Products</title>
</head>
<center><br>
<embed type="video/webm" src="welcome.mp4" allow="accelerometer;autoplay" width="500"
height="300">
</center>
<body background="bg2.jpg" width="100%" height="100%" alink="white" vlink="white" link="white">
<p align="center"><font face="gabriola" color="white" size="10"><u>Top Brands</u></font></p>
<html>
<head>
<title>About Us</title>
</head>
<body background="BG0.jpg">
<center>
<table border=0>
<caption><h1>About Us</h1></caption>
<tr bgcolor="#FF9999">
<td rowspan="8"><img src="ggsipu.jpg" height=200 width=200></td>
<th align="center"><u><font face="Comic Sans MS" size=3>Name</font></u></th>
<td align="center"><i><b>Advit</b></i></td>
<td align="center"><i><b>Aryan Kothari</b></i></td>
<td rowspan="8"><img src="vips.jpg" height=200 width=200></td>
</tr>
<tr bgcolor="#CC99FF">
<th align="center"><u><font face="Comic Sans MS" size=3>Enrollment No.</u></th>
<td align="center"><b><i>13617701722</i></b></td>
<td align="center"><i><b>13917701722</b></i></td>
</tr>
<tr bgcolor="#FF9999">
<th align="center"><u><font face="Comic Sans MS" size=3>Contact No.</u></font></th>
<td align="center"><b><i>7303373944</i></b></td>
<td align="center"><b><i>7982514371</i></b></td>
</tr>
<tr bgcolor="#CC99FF">
<th align="center"><u><font face="Comic Sans MS" size=3>E-Mails</font></u></th>
<td align="center"><i><b>[email protected]</b></i></td>
<td align="center"><b><i>[email protected]</i></b></td>
</tr>
<tr bgcolor="#FF9999">
<th align="center"><u><font face="Comic Sans MS" size=3>Course</font></u></th>
<td align="center"><i><b>BBA II SEM (C)</b></i></td>
<td align="center"><i><b>BBA II SEM (C)</b></i></td>
</tr>
<tr bgcolor="#CC99FF">
<th align="center"><u><font face="Comic Sans MS" size=3>University</font></u></th>
<td align="center"><b><i>GGSIPU</b></i></td>
<td align="center"><b><i>GGSIPU</b></i></td>
</tr>
<tr bgcolor="#FF9999">
<th align="center"><u><font face="Comic Sans MS" size=3>College</font></u></th>
<td align="center"><b><i>VIPS-TC</i></b></td>
<td align="center"><b><i>VIPS-TC</i></b></td>
</tr>
<tr bgcolor="#CC99FF">
<th align="center"><u><font face="Comic Sans MS" size=3>Batch</font></u></th>
<td align="center"><b><i>2022-2025</i></b></td>
<td align="center"><b><i>2022-2025</i></b></td>
</tr>
</table>
</center>
</body>
</html>
Map Page
<html>
<head>
<title>
Google Map
</Title>
</head>
<body bgcolor="LightSlateGrey">
<center>
<br>
<iframe
src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d13996.093919376111!2d77.1370109!
3d28.718844299999997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1652439949806
!5m2!1sen!2sin" width="1000" height="450" style="border:1;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe></center>
</body>
</html>
Product Page
<html>
<head>
<style>
img
{
border-color:PaleVioletRed;
}
img:hover
{
transform: scale(1.5);
}
</style>
<title>Products</title>
</head>
<body background="bgb.jpg" width="100%" height="100%" alink="white" vlink="white" link="white">
<table border="0">
<tr>
<p align="center"><font color="white" size="48"><u>MOBILE PHONES</u></font></p>
<td><img src="oppo1.png" width="300" height="330"><font color="white" size="5"><center><br>Oppo
A78 5G<br> MRP:<s> ₹21,999<br></s>₹18,999<br> <a href=" ">Add to Cart</a></center></font></td>
<td><img src="oneplus.png" width="300" height="350"><font color="white" size="5"><center>OnePlus
10 Pro 5G<br> MRP:<s> ₹71,999<br></s>₹60,999<br> <a href=" ">Add to
Cart</a></center></font></td>
<td><img src="samsung.png" width="300" height="350"><font color="white" size="5"><center>Samsung
Galaxy A14 5G<br> MRP:<s> ₹18,499<br></s>₹16,499<br> <a href=" ">Add to
Cart</a></center></font></td>
<td><img src="vivo.png" width="300" height="330"><font color="white" size="5"><center><br>Vivo
V27 5G<br> MRP:<s> ₹36,999<br></s>₹32,999<br> <a href=" ">Add to Cart</a></center></font></td>
</tr>
<table border="0">
<tr>
<p align="center"><font color="white" size="48"><u>TELEVISONS</u></font></p>
<td><img src="lg.png" width="300" height="330"><font color="white" size="5"><center>LG UQ75<br>
MRP: <s>₹1,00,000<br></s>₹89,990<br> <a href=" ">Add to Cart</a></center></font></td>
<td><img src="acer.png" width="300" height="350"><font color="white" size="5"><center>Acer
Frameless <br> MRP: <s>₹34,990<br></s>₹25,989<br> <a href=" ">Add to
Cart</a></center></font></td>
<td><img src="philips.png" width="300" height="330"><font color="white" size="5"><center>Philips
8200 Series<br> MRP: <s>₹85,000<br></s>₹42,999<br> <a href=" ">Add to
Cart</a></center></font></td>
<td><img src="oledtv.png" width="300" height="350"><font color="white"
size="5"><center>SANSUI<br> MRP: <s>₹79,990<br></s>₹56,990<br> <a href=" ">Add to
Cart</a></center></font></td>
</tr>
<table border="0">
<tr>
<p align="center"><font color="white" size="48"><u>AIR CONDITIONERS</u></font></p>
<td><img src="hitachi.png" width="300" height="330"><font color="white" size="5"><center>Hitachi
KIYORA 5100X<br> MRP:<s>37000/-<br></s>3/-<br> <a href=" ">Add to
Cart</a></center></font></td>
<td><img src="voltas.png" width="300" height="350"><font color="white" size="5"><center>Voltas
Magnum 1.5 Ton<br> MRP:<s>500/-<br></s>375/-<br> <a href=" ">Add to
Cart</a></center></font></td>
<td><img src="lgac.png" width="300" height="350"><font color="white" size="5"><center>LG 1 Ton
3<br> MRP:<s>500/-<br></s>375/-<br> <a href=" ">Add to Cart</a></center></font></td>
<td><img src="lloyd.png" width="300" height="330"><font color="white" size="5"><center>Lloyd 5 in 1
Convertible A.C<br> MRP:<s>500/-<br></s>375/-<br> <a href=" ">Add to Cart</a></center></font></td>
</tr>
<table border="0">
<tr>
<p align="center"><font color="white" size="48"><u>LAPTOPS</u></font></p>
<td><img src="asuslap.png" width="300" height="330"><font color="white" size="5"><center>Asus
Vivobook Ryzen 5<br> MRP: <s>₹74,990<br></s>₹52,990<br> <a href=" ">Add to
Cart</a></center></font></td>
<td><img src="lenovo.png" width="300" height="330"><font color="white" size="5"><center>Lenovo
IdeaPad 1<br> MRP: <s>₹59,390<br></s>₹41,990<br> <a href=" ">Add to Cart</a></center></font></td>
<td><img src="dell.png" width="300" height="350"><font color="white" size="5"><center>Dell Inspiron
3520<br> MRP: <s>₹75,649<br></s>₹57,490<br> <a href=" ">Add to Cart</a></center></font></td>
<td><img src="apple.png" width="300" height="350"><font color="white" size="5"><center>Apple
MacBook Air 2020<br> MRP: <s>₹99,900<br></s>₹84,990<br> <a href=" ">Add to
Cart</a></center></font></td>
</tr>
<table border="0">
<tr>
<p align="center"><font color="white" size="48"><u>REFRIGERATORS</u></font></p>
<td><img src="whirlpool.png" width="300" height="330"><font color="white"
size="5"><center><br>Whirlpool NeoFresh 265 Ltrs<br> MRP: <s>₹31,750<br></s>₹23,990<br> <a
href=" ">Add to Cart</a></center></font></td>
<td><img src="lg2.png" width="300" height="350"><font color="white" size="5"><center>LG 204
Litres<br> MRP:<s>₹24,699<br></s>₹20,490<br> <a href=" ">Add to Cart</a></center></font></td>
<td><img src="candy.png" width="300" height="330"><font color="white" size="5"><center>Candy 225
Liters<br> MRP: <s>₹20,000<br></s>₹13,190<br> <a href=" ">Add to Cart</a></center></font></td>
<td><img src="bosch.png" width="300" height="350"><font color="white" size="5"><center>Bosch Series
6 263 Litres<br> MRP: <s>₹46,290<br></s>₹34,990<br> <a href=" ">Add to
Cart</a></center></font></td>
</tr>
</body>
</html>
Sub Product Page
<html>
<head>
<style>
img
{
border-color:PaleVioletRed;
}
img:hover
{
transform: scale(1.5);
}
</style>
<title>Products</title>
</head>
<body background="bgb.JPG" width="100%" height="100%" alink="white" vlink="white" link="white">
<table border="0">
<tr>
<font face="TIMES NEW ROMAN" size="6">
<MARQUEE behavior="alternate" bgcolor="PINK" direction="left" onmouseover="this.stop();"
onmouseout="this.start();" scrollamount=5>
LAPTOPS</marquee>
<tr>
<p align="center"><font color="white" size="48"><u>Mac Book</u></font></p>
<td><img src="m1.jpg" width="290" height="330"><font color="white" size="5"><center><br>Apple
MacBook Pro 2020<br> MRP:<s> ₹311,999<br></s>₹296,999<br> <a href=" ">Add to
Cart</a></center></font></td>
<td><img src="m2.jpg" width="290" height="330"><font color="white" size="5"><center><br>Apple
MacBook Air 2022<br> MRP:<s> ₹1,54,999<br></s>₹1,49,999<br> <a href=" ">Add to
Cart</a></center></font></td>
<td><img src="m4.jpg" width="290" height="330"><font color="white" size="5"><center><br>Apple
MacBook Pro<br> MRP:<s> ₹273,999<br></s>₹268,999<br> <a href=" ">Add to
Cart</a></center></font></td>
<td><img src="m5.jpg" width="290" height="330"><font color="white" size="5"><center><br>Apple
MacBook Pro 14 2021<br> MRP:<s> ₹186,999<br></s>₹180,999<br> <a href=" ">Add to
Cart</a></center></font></td>
</tr>
<table border="0">
<tr>
<p align="center"><font color="white" size="48"><u>Gaming Laptops</u></font></p>
<td><img src="i9.jpg" width="300" height="330"><font color="white" size="5"><center><br>ASUS ROG
Strix SCAR 15<br> MRP:<s> ₹286,999<br></s>₹280,999<br> <a href=" ">Add to
Cart</a></center></font></td>
<td><img src="m15.jpg" width="300" height="330"><font color="white" size="5"><center><br>Dell
Alienware M15 AMD Ryzen 7 <br> MRP:<s> ₹161,999<br></s>₹155,999<br> <a href=" ">Add to
Cart</a></center></font></td>
<td><img src="g15.jpg" width="300" height="330"><font color="white" size="5"><center><br>Dell G15
Inspiron 5520<br> MRP:<s> ₹65,999<br></s>₹107,999<br> <a href=" ">Add to
Cart</a></center></font></td>
<td><img src="f15.jpg" width="300" height="330"><font color="white" size="5"><center><br>ASUS
TUF Gaming F15<br> MRP:<s> ₹69,999<br></s>₹62,999<br> <a href=" ">Add to
Cart</a></center></font></td>
</tr>
<table border="0">
<tr>
<p align="center"><font color="white" size="48"><u>Thin & Light Laptops</u></font></p>
<td><img src="i7.jpg" width="300" height="330"><font color="white" size="5"><center><br>SAMSUNG
Galaxy Book 2 Pro<br> MRP:<s> ₹119,999<br></s>₹112,999<br> <a href=" ">Add to
Cart</a></center></font></td>
<td><img src="14.jpg" width="300" height="330"><font color="white"
size="5"><center><br>SAMSUNG Galaxy Book Go <br> MRP:<s> ₹49,999<br></s>₹44,999<br> <a
href=" ">Add to Cart</a></center></font></td>
<td><img src="book.jpg" width="300" height="330"><font color="white"
size="5"><center><br>SAMSUNG Galaxy Book 2 <br> MRP:<s> ₹109,999<br></s>₹105,499<br> <a
href=" ">Add to Cart</a></center></font></td>
<td><img src="slim.jpg" width="300" height="330"><font color="white" size="5"><center><br>Lenovo
IdeaPad Slim 3<br> MRP:<s> ₹39,999<br></s>₹35,499<br> <a href=" ">Add to
Cart</a></center></font></td>
</tr>
<table border="0">
<tr>
<p align="center"><font color="white" size="48"><u>2-in-1 Laptops</u></font></p>
<td><img src="ryz7.jpg" width="300" height="330"><font color="white" size="5"><center><br>Dell
Inspiron 7415 AMD Ryzen 7 <br> MRP:<s> ₹19,999<br></s>₹83,999<br> <a href=" ">Add to
Cart</a></center></font></td>
<td><img src="360.jpg" width="300" height="330"><font color="white"
size="5"><center><br>SAMSUNG Galaxy Book 2 360<br> MRP:<s> ₹99,999<br></s>₹94,999<br> <a
href=" ">Add to Cart</a></center></font></td>
<td><img src="116.jpg" width="300" height="330"><font color="white"
size="5"><center><br>SAMSUNG Galaxy Book 2 Pro 360<br> MRP:<s>
₹120,999<br></s>₹115,999<br> <a href=" ">Add to Cart</a></center></font></td>
<td><img src="ryz5.jpg" width="300" height="330"><font color="white" size="5"><center><br>Dell
Inspiron 7415 AMD Ryzen 5<br> MRP:<s> ₹69,999<br></s>₹63,999<br> <a href=" ">Add to
Cart</a></center></font></td></tr>
<table border="0">
</table>
</body>
</html>
Content Page
<html>
<head>
<title> Content Page </title>
</head>
<body bgcolor="#FFCC99" link="purple" vlink="red" alink="maroon">
<h3><a name="c">Table of Contents</a></h3>
<ol>
<li> <a href="#1">HEXTON</a></li>
<ol type="i">
<li><a href="#i">HOME</a></li>
<li><a href="#ii">ABOUT US</a></li>
<li><a href="#iii">PRODUCTS</a></li>
<ol type="a">
<li><a href="#a">Refrigerator</a></li>
<li><a href="#b">Mobile Phones</a></li>
<li><a href="#c">Air Conditioner</a></li>
<li><a href="#d">Television</a></li>
<li><a href="#e">Laptop</a></li>
<li><a href="#f">Tablet</a></li>
</ol>
<li><a href="#iv">SERVICES</a></li>
<ol type="a">
<li><a href="#g">Warranty Information</a></li>
<li><a href="#j">Repair Services</a></li>
<li><a href="#k">Installation Services</a></li>
</ol>
<li><a href="#v">SHOPPING CART</a></li>
<li><a href="#vi">CHECKOUT</a></li>
</ol>
</ol>
<h2><a name="i" href="#c">Home</a></h2>
<p>Welcome to Hexton, your one-stop-shop for all your electronic needs. We offer a wide range of
products, including fridges, air conditioners, mobile phones, televisions, and iPads. Our products are of the
highest quality and come with a warranty to ensure that you're satisfied with your purchase.
At Hexton, we understand that buying electronics can be a daunting task. That's why we've made it our
mission to provide you with the best possible shopping experience. Our website is designed to be user-
friendly, making it easy for you to find what you're looking for. We've categorized our products to make it
easier for you to navigate, so you can find the product that you need with just a few clicks.
Our home page is designed to give you a clear and concise overview of our company and what we offer.
You'll find a brief history of our company, our mission statement, and what sets us apart from our
competitors. We pride ourselves on providing exceptional customer service, and we're always here to help if
you have any questions or concerns.
At Hexton, we're committed to providing you with the best possible shopping experience. We believe that
buying electronics should be easy and stress-free, which is why we've made it our mission to provide you
with exceptional customer service and high-quality products. We're always here to help if you have any
questions or concerns, so don't hesitate to reach out to us. Thank you for choosing Hexton for all your
electronic needs.</p> <hr>
We believe that buying electronics should be stress-free, which is why we've made it our mission to provide
you with the best possible shopping experience. From the moment you walk into our store or visit our
website, you'll be greeted by friendly and knowledgeable staff who are always here to help.
At Hexton, we're committed to using the latest technology to improve our products and services. We work
with trusted third-party partners to store your data, analyze it, and process payments. We have agreements
with these partners to ensure that your information is kept secure, and they're required to follow privacy and
security protections required by law.
We're proud to be a part of the community, and we're always looking for ways to give back. We support
local charities and organizations that are making a difference in people's lives.
Thank you for choosing Hexton for all your electronic needs. We're committed to providing you with
exceptional customer service and high-quality products.</p><hr>
Our product section is designed to make it easy for you to find what you're looking for. We've categorized
our products to make it easier for you to navigate, so you can find the product that you need with just a few
clicks. Whether you're in the market for a new mobile phone, a television, or an air conditioner, we've got
you covered.
We believe that buying electronics should be stress-free, which is why we provide detailed product
descriptions, specifications, and customer reviews. We want to ensure that you're making an informed
decision when you purchase a product from us.
At Hexton, we're committed to using the latest technology to improve our products and services. We work
with trusted third-party partners to store your data, analyze it, and process payments. We have agreements
with these partners to ensure that your information is kept secure, and they're required to follow privacy and
security protections required by law.
Thank you for choosing Hexton for all your electronic needs. We're committed to providing you with high-
quality products and exceptional customer service.
<h3><a name="a" href="#c">1.Regrigerator</a></h3>
Keep your food fresh and your kitchen stylish with our selection of refrigerators. Choose from a variety of
sizes and styles to fit your needs. Our refrigerators are energy-efficient, so you can save money on your
energy bills while reducing your carbon footprint.
<hr>
We offer a wide range of services, including repairs, installations, and maintenance. Our repair services are
designed to get your products up and running as quickly as possible. Our technicians are trained to diagnose
and repair a wide range of issues, so you can get back to using your products in no time.
If you need a new product installed, our technicians are here to help. We'll make sure that your new product
is installed quickly and correctly, so you can start using it right away. We also offer maintenance services to
help keep your products running smoothly. Our technicians will perform regular maintenance on your
products to ensure that they continue to function at their best.
At our service center, we believe in providing our customers with the best service possible. That's why we're
committed to providing you with high-quality services that are designed to meet your needs. Whether you
need a repair, installation, or maintenance service, we're here to help. Browse our selection of services and
find the perfect one to fit your needs today!
In your shopping cart, you'll see a list of all the items you've added, along with their prices and quantities. If
you need to adjust the quantity of an item, simply click on the "+" or "-" buttons next to the quantity field. If
you decide that you no longer want an item, you can easily remove it from your shopping cart by clicking on
the "Remove" button next to the item.
We've also made it easy for you to keep track of your total order amount. As you add items to your shopping
cart, the total order amount will update in real-time. This way, you can see exactly how much your order
will cost before you proceed to checkout.
We've designed our checkout page to be as user-friendly as possible. You'll see a clear summary of your
order, including the items you've added and their prices, as well as the total cost of your order. You can
choose your shipping method and enter any coupon codes or gift cards you may have.
Once you've entered all your information and reviewed your order, simply click on the "Place Order" button.
This will submit your order to our system, and you'll receive a confirmation email with your order details.
If you have any questions or concerns about the checkout process, please don't hesitate to contact our
customer service team. We're always happy to help.
<hr>
</p>
</body>
</html>
Table of Content Page
<html>
<head>
<title> Content Page </title>
</head>
<body bgcolor="#FFCC99" link="purple" vlink="purple" alink="purple">
<h3><a name="c">Table of Contents</a></h3>
<ol>
<li> <a href="content.html#1" target="5">ABOUT HEXTON</a></li>
<li> <a href="content.html#2" target="5">ABOUT US</a></li>
<li> <a href="content.html#3" target="5">PRODUCTS</a></li>
<ol type="a">
<li><a href="content.html#i" target="5">Refrigerators</a></li>
<li><a href="content.html#ii" target="5">Mobile Phones</a></li>
<li><a href="content.html#iii" target="5">Air conditioners</a></li>
<li><a href="content.html#iv" target="5">Televisions</a></li>
<li><a href="content.html#v" target="5">Laptops</a></li>
<li><a href="content.html#vi" target="5">Tablets</a></li>
</ol>
</ol>
<a href="navigation_page.html" target="3">BACK</a>
</body>
</html>
Form
<html>
<head><title>Questions</title></head>
<body bgcolor=white>
<h4> <fieldset><legend align="center">Basic Information</legend> <form>
<fieldset>
<legend>Name</legend>
<label>Firstname: <input type="text" name="firstname"></label>
<label>Lastname: <input type="text" name="lastname"></label>
</fieldset>
<fieldset>
<legend>Gender</legend>
<label><input type="radio" name="gender" value="male"> Male</label>
<label><input type="radio" name="gender" value="female"> Female</label>
</fieldset>
<fieldset>
<legend>First hear about Hexton?</legend>
<label><input type="radio" name="type" value="Online advertisement"> Online advertisement </label>
<label><input type="radio" name="type" value="word of mouth"> Word of mouth </label>
<label><input type="radio" name="type" value="social media"> Social media </label>
<label><input type="radio" name="type" value="in-store promotion"> In-store promotion </label>
</fieldset>
<fieldset>
<legend>Electronics Type</legend>
<label><input type="checkbox" name="concern" value="mobile phones"> Mobile Phones</label>
<label><input type="checkbox" name="concern" value="tablets"> Tablets </label>
<label><input type="checkbox" name="concern" value="laptops"> Laptops</label>
<label><input type="checkbox" name="concern" value="tv"> Tv </label>
<label><input type="checkbox" name="concern" value="ac"> AC </label>
</fieldset>
<fieldset>
<legend>Contact Details</legend>
<label>Email Address: <input type="email" name="email"></label>
<label>Phone Number: <input type="text" name="phone"></label>
</fieldset>
<fieldset>
<legend>Recommendations</legend>
<label for="Recommendations">How likely are you to recommend Hexton to a friend or
colleague?</label>
<select name="frequency" id="frequency">
<option value="highly likely">highly likely</option>
<option value="somewhat likely">somewhat likely</option>
<option value="not sure">not sure</option>
<option value="unlikely">unlikely</option>
</select>
</fieldset>
<fieldset>
<legend>Suggestions</legend>
<label for="suggestions">Any suggestions:</label>
<textarea rows="3" cols="30" name="suggestions" id="suggestions"></textarea>
</fieldset>
<fieldset>
<label>Date/Time<input type="datetime-local" name="date" required>
</label><br>
</fieldset>
</h4>
<table width="100%" border="collapse" bordercolor="#ffcccc" border=2 bgcolor="purple"><tr>
<td bgcolor="purple" align=center><font size=6 color=white><u> HEXTON REVIEW </u></font>
</tr>
</table>
<font color="black">
<form>
</h4>
<table width="100%" border="collapse" bordercolor="#ffcccc" border=2 bgcolor="purple"><tr>
<td bgcolor="purple" align=center><font size=6 color=white><u> HEXTON FEEDBACK </u></font>
</tr>
</table>
<font color="black">
<form>
<fieldset>
<legend>How satisfied are you with the customer service at Hexton?</legend>
<label><input type="radio" name="type" value="1"> 1 </label>
<label><input type="radio" name="type" value="2"> 2 </label>
<label><input type="radio" name="type" value="3"> 3 </label>
<label><input type="radio" name="type" value="4"> 4 </label>
<label><input type="radio" name="type" value="5"> 5 </label>
</fieldset>
<fieldset>
<legend>Which aspect of Hexton's website or physical store do you find most appealing?</legend>
<label><input type="radio" name="type" value="User friendly interface"> User friendly interface
</label>
<label><input type="radio" name="type" value="wide product selection"> wide product selection </label>
<label><input type="radio" name="type" value="competitive pricing"> competitive pricing </label>
<label><input type="radio" name="type" value="attractive store layout"> attractive store layout </label>
</fieldset>
<fieldset>
<legend>Have you made a purchase from Hexton in the past six months?</legend>
<label><input type="radio" name="type" value="yes"> Yes </label>
<label><input type="radio" name="type" value="no"> No </label>
</fieldset>
<fieldset>
<legend>Would you be interested in participating in exclusive Hexton product launch events or
promotional activities?</legend>
<label><input type="radio" name="type" value="definitely"> definitely </label>
<label><input type="radio" name="type" value="maybe"> maybe </label>
<label><input type="radio" name="type" value="not interested"> not interested </label>
<label><input type="radio" name="type" value="prefer not to say"> prefer not to say </label>
<label><input type="radio" name="type" value="5"> 5 </label>
</fieldset>
<input type="Submit" value="Submit">
<input type="Reset" value="Clear" action="clear">
<center><B><U><H7> Thank You!</H7></U></B></CENTER>
</fieldset>
</form>
Online Form
Hexton Electronics
Hi , this form is generated by Hexton Electronics . Kindly take out some time to answer these
1. Name *
2. Email Address
3. Age *
18-30
30-50
50+
4. Gender *
Male
Female
Product Reviews
5. Which product category are you most interested in? *
mobile phones
television
air conditioner
tablet
laptop
Once a month
Once a year
Rarely or never
Price
Customer reviews and ratings
Features and speci fications
Brand reputation
8. How much money do you spend buying electronics for a month?
8000-25000
25000-55000
Samsung
Vivo
Oppo
HP
Philips
Apple
Sony
Dell
Lenovo
Croma
Other
Hexton Feedback
Highly likely
Somewhat likely
Not sure
Unlikely
11. How satisfied are you with the customer service at Hexton? *
12. Which aspect of Hexton's website or physical store do you find most appealing? *
User-friendly interface
Wide product selection
Competitive pricing
Attractive store layout
13. What additional features or services would you like to see offered by Hexton? *
Online advertisement
Word of mouth
Social media
In-store promotion
Forms
Connect Us Page
<html>
<head>
<title> Connect Us
</title>
<style>
img
{
border-color:darkblue;
}
img:hover
{
transform: scale(1.5);
}
</style>
</head>
<body bgcolor="white">
<center>
<a href="https://www.facebook.com/" target="_blank"><img src="fb.jpg" height=25 width=150
border=2></button></a>
<a href="https://www.linkedin.com/" target="_blank"><img src="li.jpg" height=25 width=150
border=2></a>
<a href="https://twitter.com/" target="_blank"><img src="tw.jpg" height=25 width=150
border=2></a>
<a href="https://mail.google.com/" target="_blank"><img src="gm.jpg" height=25 width=150
border=2></a>
<a href="https://www.instagram.com/" target="_blank"><img src="ig.jpg" height=25 width=150
border=2></a>
<a href="https://www.youtube.com/" target="_blank"><img src="yt.jpg" height=25 width=150
border=2></a>
</center>
</body>
</html>
Glossary Page
<html>
<head><title>Glossary Page</title>
</head>
<body bgcolor="#FFCC99">
<dl>
<dt><b>Voltage</b></dt>
<dd>A measure of the electric potential energy per unit charge that is present in an electrical circuit.</dd>
<br>
<dt><b>5G</b></dt>
<dd>The fifth generation of mobile networks, which provides faster internet speeds and lower latency
than previous generations.</dd>
<br>
<dt><b>Smart TV</b></dt>
<dd>A television that is equipped with internet connectivity and can run apps and other software.</dd>
<br>
<dt><b>Ton</b></dt>
<dd>A unit of weight that is equal to 2,000 pounds.</dd>
<br>
<dt><b>Smart touch</b></dt>
<dd>A type of touchscreen technology that uses sensors to detect the position and movement of a user's
fingers or other objects.</dd>
<br>
<dt><b>RAM (Random Access Memory</b></dt>
<dd>A type of computer memory that is used to temporarily store data that is currently being used by the
computer.</dd>
<br>
<dt><b>ROM (Read-Only Memory): </b></dt>
<dd>A type of computer memory that is used to store data that cannot be modified or changed.</dd>
</dl>
</body>
</html>