0% found this document useful (0 votes)
222 views40 pages

Vansh Gupta E-Comm Lab File

Here is the code to create a program using ordered and unordered lists with hyperlinks and images: <html> <head> <title>Menu List</title> </head> <body> <img src="menu.png" align="right"> <marquee behavior="scroll" direction="left">Newspapers and Magazines</marquee> <h2>Fruits</h2> <ul> <li><a href="apple.html"><img src="apple.png">Apple - Rs. 50/kg</a></li> <li><a href="banana.html"><img src="banana.png">

Uploaded by

Vaishnavi Mewati
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
0% found this document useful (0 votes)
222 views40 pages

Vansh Gupta E-Comm Lab File

Here is the code to create a program using ordered and unordered lists with hyperlinks and images: <html> <head> <title>Menu List</title> </head> <body> <img src="menu.png" align="right"> <marquee behavior="scroll" direction="left">Newspapers and Magazines</marquee> <h2>Fruits</h2> <ul> <li><a href="apple.html"><img src="apple.png">Apple - Rs. 50/kg</a></li> <li><a href="banana.html"><img src="banana.png">

Uploaded by

Vaishnavi Mewati
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/ 40

GURU GOBIND SINGH INDRAPRASTHA UNIVERSITY

New Delhi

MAHARAJA SURAJMAL INSTITUTE


C-4, Janakpuri, New Delhi

E-commerce Lab
Subject Code-BBA-__108__

SUBMITTED BY SUBMITTED TO-


STUDENT NAME- VANSH GUPTA DR. ITTI HOODA
ENROLLMENT NO.- 13721201721

BBA (G) II EVEN


Section-C

Sno Index
1 CREATE A HTML FILE FOR DISPLAYING A WEB PAGE WITH
FOLLOWING TAGS.THE FILE SHOULD CONTAIN A BRIEF
DESCRIPTION ABOUT ALL THESE TAGS Tags- br, b, I, u, pre, p, div,
strike, marquee, font tag
2 WRITE A QUADRATIC EQUATION 𝑎𝑥 2 + 𝑏𝑥 + 𝑐 and H2O formula using
Sub, Sup html tag.
3 DESIGN A WEB PAGE OF YOUR CV WITH HEADINGS AS
OBJECTIVES, EDUCATIONAL QUALIFICATIONS, ACHIEVEMENTS,
STRENGHTS, HOBBIES AND PERSONAL DETAILS.
4 CREATE A WEB PAGE THAT USES VARIOUS ATTRIBUTES OF FONT
TAG
5 DESIGN A WEB SITE WITH THE NAME AS HTML TUTORIAL WITH
FOLLOWING SPECIFICATIONS: Make following hyperlinks (i.e., 5
different web pages):
1. Formatting Styles and Headings: Include Bold, italics, Underline, Strike,
Subscript, superscript and all six types of headings
2.Font Styles and Images: Font and Base font tag, Image tag
3.Anchor: Internal (linking within page) and External (linking with other
documents) links
4. Marquee: Move text, image and hyperlink
5. Other tags: br, hr, pre, p
6 CREATE A PROGRAM USING ORDERED AND UNORDERED LISTS
With the hyperlinks- Fruits, Vegetables, Newspaper and Magazines and create
ordered and unordered lists with price and image of each list item.
7 CREATE A TABLE – Seminar Schedule
8 DESIGN TABLE AS FOLOWS: IP UNIVERSITY COURSES GRADUATE
POST- GRADUATE
BBA BCA B. TECH MBA MCA M. TECH
240 120100200 10080
9 WRITE AN HTML CODE TO DISPLAY SYLLABUS OF BBA. CLICKING
ON EACH LINK SHOULD OPEN THE DESCRIPTION OF THE SUBJECT.
10 CREATE AN HTML DOCUMENT USING BASE TAG, ALL ATTRIBUTES
OF TARGET TAG AND INSERT AN IMAGE LINK IN THE SAME.
11 Create a HTML webpage using Nested Tables which display the following list.
12 CREATE A HTML Nested TABLE IN THE GIVEN FORMAT
13 Create a descriptive list of Mobile Store named- HP World
1. Create descriptive list of mobile phones with price and specifications
including image
2. Create descriptive list of pen drive, hard disk with price and image
14 Create a document using I frame tag in HTML.
15 Create a form in HTML.
16 Create a student registration form in HTML
PRACTICAL 1:
CREATE A HTML FILE FOR DISPLAYING A WEB PAGE WITH FOLLOWING
TAGS.THE FILE SHOULD CONTAIN A BRIEF DESCRIPTION ABOUT ALL THESE
TAGS
Tags- br, b, I, u, pre, p, div, strike, marquee, font tag
Code:
<html>
<head><title> Vansh Gupta 12221201721 </title></head>
<body>
<p><b> HTML TAGS </b></p>
<p><i> b TAG </i></p>
<p> This tag in HTML is used to specify bold content in a document. </p>
<i> br TAG </i>
<p> This is a line break tag. <br> This is an empty tag. </p>
<i>pre TAG</i>
<p><pre> This is used to define the block of preformatted text.
It preserves the text spaces, line breaks etc. </pre></p>
<i> u TAG </i>
<p><u> It is used to set the content underline. </u></p>
<i> p TAG </i>
<p> It is used to define paragraph content in an HTML document. </p>
<i> Deleted text TAG or strike TAG </i>
<p> It is used to represent <strike> DELETED </strike> text. It crosses the content</p>
<i> Scrolling text TAG or marquee TAG </i>
<p><marquee bgcolor="yellow" loop="1"> It is used to scroll the text or image
content.</marquee></p>
<i> font TAG </i>
<p><font face="Times New Roman"> It is used to specify the font size, font color, and font
family in an HTML document.</font></p>
<i> div TAG </i>
<p><div> It is known as division tag.</div>
<div> div tag is block level tag </div>
<div> it is a generic container tag </div></p>
</body>
</html>

OUTPUT:

Practical 2:
WRITE A QUADRATIC EQUATION a x 2 +bx+ c and H2O formula using Sub, Sup in
html tag.

Code:
<html>
<head><title> Vansh Gupta 12221201721</title></head>
<body>
<p>H <sub> 2 </sub> O </p>
<p>ax<sup>2 </sup> + bx + c</p>
</body>
</html>

Output:

Practical 3:
DESIGN A WEB PAGE OF YOUR CV WITH HEADINGS AS OBJECTIVES,
EDUCATIONAL QUALIFICATIONS, ACHIEVEMENTS, STRENGHTS, HOBBIES
AND PERSONAL DETAILS.
1. INSERT A HORIZONTAL LINE AFTER EVERY ABOVE-MENTIONED
HEADING
2. SET ANY LIGHT COLOR AS PAGE BACKGROUND
3. BOLD AND UNDERLINE EVERY HEADING
4. USE HEADING TAG TO SPECIFY THE HEADING
5. USE PRE-TAG AND BASE FONT TAG

Code:
<HTML>
<HEAD><TITLE> Vansh Gupta 12221201721 </TITLE></HEAD>
<BODY BGCOLOR=Lime >
<H1><U><FONT COLOR=TOMATO>PERSONAL DETAILS</FONT></U><H1>
<FONT FACE= COLOR=PINK SIZE=4>
<UL>
<LI>NAME= Vansh Gupta</LI>
<LI>DATE OF BIRTH=22-02-2003</LI>
</UL>
</FONT>
<HR SIZE=40 COLOR=magenta>
<H1><U><FONT COLOR=GREEN>OBJECTIVES</FONT></U><H1>
<FONT FACE=Georgia COLOR=RED SIZE=4>
<UL>
<LI>SECURE A POSITION WITH AZURE COMPANY TO UTILISE MY SKILLS IN
PROJECT MANAGEMENT</LI>
<LI>QUALITY ASSURANCE</LI>
<LI>TEAM MANAGEMENT </LI>
<LI>VENDOR DEVELOPMENT </LI>
</UL>
</FONT>
<HR SIZE=30 COLOR=BLUE></LI>
<H1><U><FONT COLOR=VIOLET>EDUCATIONAL
QUALIFICATION</FONT></U><H1>
<FONT FACE=Papyrus COLOR=PNIK SIZE=4>
<UL>
<LI> 10 CLASS = 94%</LI>
<LI>12 CLASS = 88%</LI>
</UL>
</FONT>
<HR SIZE=35 COLOR=WHITE>
<H1><U><FONT COLOR=ORANGE>ACHIVEMENTS</FONT></U><H1>
<FONT FACE=Elephant COLOR=BROWN SIZE=4>
<UL>
<LI>GEEKKIDZ HEAD</LI>
<LI>1st in debate discusion</LI>
<LI>1st in photography competition</LI>
</UL>
</FONT>
<HR SIZE=40 COLOR=GREEN>
<H1><U><FONT COLOR="DARK BLUE">STRENGTHS</FONT></U><H1>
<FONT FACE=Ravie COLOR="LIGHT GREEN" SIZE=4>
<UL>
<LI>HELPFUL</LI>
<LI>CHEERFUL</LI>
<LI>AFFABALE </LI>
</UL>
</FONT>
<HR SIZE=50 COLOR=TEAL>
<H1><U><FONT COLOR=VILOET>HOBBIES</FONT></U><H1>
<FONT FACE= COLOR="LIGHT PINK" SIZE=4>
<UL>
<LI>READING</LI>
<LI>COOKING</LI>
<LI>GAMING</LI>
</UL>
</FONT>
<HR SIZE=45 COLOR=GRAY>
<H1><U><FONT COLOR=TOMATO>CONTACT INFO</FONT></U><H1>
<FONT FACE= COLOR=PINK SIZE=4>
<UL>
<LI>PHONE NO.=85880XXXXX</LI>
<LI>EMAIL= Vansh [email protected]</LI>
</UL>
</FONT>
<HR SIZE=50 COLOR=VIOLET>
</body>
</html>

Output:
Practical 4:
CREATE A WEB PAGE THAT USES VARIOUS ATTRIBUTES OF FONT TAG

Code:
<html>
<head><title>> Vansh Gupta 12221201721 </title></head>
<body>
<font size="5" face="Times New Roman" color="green"> The font tag in Html plays an
important role in the web page to create an attractive and readable web page. The font tag is used
to change the color, size, and style of a text.</font>
</body>
</html>

Output:
Practical 5
DESIGN A WEB SITE WITH THE NAME AS HTML TUTORIAL WITH FOLLOWING
SPECIFICATIONS:
Make following hyperlinks (i.e., 5 different web pages):
1.Formatting Styles and Headings: Include Bold, italics, Underline, Strike, Subscript,
superscript and all six type of headings

2.Font Styles and Images: Font and Base font tag, Image tag

3.Anchor: Internal (linking within page) and External (linking with other documents) links

4. Marquee: Move text, image and hyperlink

5. Other tags: br, hr, pre, p

Include following specifications: ------------------------------------------


In all these web pages only mention about use, attributes apply them.
Insert a background image on home page
Make all the topics as hyperlinks and go to some other page for description
Insert a marquee showing HTML Tutorial as moving text.
Use different font style for different topics
On every page, make a hyperlink for going back to home page.
Code:
<html>
<head><title>HTML TUTORIAL</title></head>
<h1 style= "color: green">This is HTML Document</h1>
<body bgcolor="#F08080" link="8A2BE2">
<marquee direction="right" hspace="20%" vspace="10%"
bgcolor="yellow">this is marquee tag</marquee>
<a name="top">
<p style="text-align: center"><font color="blue" face="constantia"><b>1. This
is Image Tag</b></p></font><br><br>
<hr align="center" color="red" size="3">
<imgsrc="download.jpg" alt="CONNECTION ERROR"
align="right" border="4" height="400" width="700">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><
br><br><br><br><br><br><br><hr>
<imgsrc="flowers. jfif" alt="error" height="200"><BR>
<h2><b>2. this is bold tag</b></h2><br>
<h3><i>3. this is italic tag</i></h3><br>
<h4>4. this is external link of anchor tag</h4>
<a href="http://www.google.com">click here to go to google</a><br><br>
<h5> 5. this is superscript and subscript tag</h5>
<br>x<sup>2</sup>+log<sub>a</sub><sup>b</sup>=?<br>
<h6>6. this is pre tag</h6><br>
<pre>
13
2 4</pre><br>
<p>7. <u>this underline tag</u></p>
<p>8. <strike>this is strike tag</strike></p><br>
<p>9. this is internal link of anchor tag><br>
<a href="#top">click here to go to top</a>
</basefont>
</body>
</html>

Output:
Practical 6
CREATE A PROGRAM USING ORDERED AND UNORDERED LISTS
With the hyperlinks- Fruits, Vegetables, Newspaper and Magazines and create ordered
and unordered lists with price and image of each list item.
Apply following parts:
1.Insert an image of Menu List on top right corner of web page
2.Display a marquee displaying “Newspapers name”
3. Use different font styles and colors for Fruits, vegetables and newspapers
Insert horizontal line after each list item
1. Use bold, italics and underline in headings
5.Insert marquee tag displaying “Newspapers and Magazines”
6--Add a hyperlink (IMG, Source in headings A, B, C)
7---Apply link colors, Target Frames
8---Apply your email with the list for Online orders and price and subscriptions

Code:
<html>
<head><title>Assignment6</title></head>
<body bgcolor="AQUA">
<h2>FRUITS & VEGETABLE</h2></hr>
<ol type="A">
<li>Vegetables </li>
<ul type="disc">
<li>Onion</li>
<li>Tomato</li>
<li>RADISH </li>
<li>Potato</li>
<li>Carrot</li>
</ul>
<li>Fruits</li>
<ul type="disc">
<li>Apple</li>
<li>Banana</li>
<li>Watermelon</li>
<li>Mango</li>
<li>Grapes</li>
</ul>
</ol>
<marquee direction="right" hspace="2%" vspace="2%"
bgcolor="blue">NEWPAPERS & MAGAZINES</marquee>
<h2>NEWSPAPERS & MAGAZINES</h2>
<hr>
<ul type="circle">
<li>Newspapers</li>
<ol>
<li>The Times of India</li>
<li>Hindustan Times</li>
<li>Navbharat Times</li>
<li>Punjab Kesari</li>
<li>Dainik Jagran</li>
</ol>
<li>Magazine</li>
<ol type="i">
<li>Business Times</li>
<li>The Week</li>
<li>India Today</li>
<li>Harvard Business Review</li>
<li>Computer World</li>
</ol>
</ul>
</body>
</html>

Output:

Practical 7
CREATE A TABLE – Seminar Schedule
Table design – Given in class
Code:
<html>
<head>
<title>SEMINAR TABLE</title>
</head>
<body bgcolor="aqua">
<table border="1" cellpadding="5" cellspacing="5" align="center" height="400" width="700">
<font size="18">
<tr>
<throwspan="2">DAY</th>
<thcolspan="3">seminar</th></tr>
<tr>
<th>begin</th>
<th>end</th>
<th>topic</th>
</tr>
<tr>
<throwspan="2">MON</th>
<td>8:00 am</td>
<td>11:00 pm</td>
<td>intro to python</td>
</tr>
<tr>
<td>12:00 pm</td>
<td>2:00 pm</td>
<td>Roadmap to Cloud Computing with AI</td>
</tr>
<tr>
<th>TUE</th>
<td>9:00 am</td>
<td>12:00 pm</td>
<td>Software Engineering</td>
</tr>
</tr>
<tr>
<td colspan="3">LUNCH BREAK</td>
</tr>
<tr>
<throwspan="4">WED</th>
<td>9:00 am</td>
<td>12:00 pm</td>
<td>Digital Marketing</td>
</tr>
<tr>
<td>1:00 pm</td>
<td>2:00 pm</td>
<td>DBMS</td>
<tr>
<td>3:00 pm</td>
<td>5:00 pm</td>
<td>Valedictory Session</td>
</tr>
</font>
</table>
</body>
</html>

Output:
Practical 8
DESIGN TABLE AS FOLOWS:
IP UNIVERSITY COURSES
GRADUATE POST- GRADUATE
BBA BCA B. TECH MBA MCA M. TECH
240 120 100 200 100 80

Code:
<html>
<head><title>> Vansh Gupta 12221201721 </title></head>
<body>
<h2>IP UNIVERSITY COURSES</h2>
<table>
<tr><thcolspan="2"> GRADUATE</th>
<thcolspan="4"> POST GRADUATE</th>
</tr>
<tr><td>BBA</td>
<td> BCA</td>
<td>B.TECH</td>
<td>MBA</td>
<td>MCA</td>
<td>M.TECH</td></tr>
<tr><td>240</td>
<td>120</td>
<td>100</td>
<td>200</td>
<td>100</td>
<td>80</td>
</tr>
</table>
</body>
</html>

Output:
Practical 9
WRITE AN HTML CODE TO DISPLAY SYLLABUS OF BBA.
CLICKING ON EACH LINK SHOULD OPEN THE DESCRIPTION OF THE
SUBJECT.

Code:
<html>
<head><title>BBA SECOND SEMESTER SYLLABUS</title></head><body bgcolor="pink">
<MARQUEE><B>SECOND SEMESTER SYLLABUS </B></MARQUEE><center><table
cellspacing="10" cellpadding="10" border="3">
<tr><th>SUJECTS</th><th>CODES</th></tr>
<tr><td>COST-ACCOUNTING</td>
<td>BBA-102</td></tr>
<tr><td>QUANTITATIVE TECHNIQUES</td>
<td>BBA-104</td></tr>
<tr><td>E-COMMERCE</td><td>BBA-106</td></tr><tr><td>E-COMMERCE
LAB</td><td>BBA-108</td></tr>
<tr><td>BUSINESS COMMUNICATION</td><td>BBA-110</td></tr><tr><td>BUSINESS
ENVIRONMENT</td><td>BBA-112</td></tr>
</table></center><ol type="a">
<li><a href="C:\Users\DELL\OneDrive\Desktop\BBA syllabi W.E.F 2017.pdf">COST
ACCOUNTING</a></li><li><a href="C:\Users\DELL\OneDrive\Desktop\Screenshot
(60).png">E-COMMERCE</a></li>
<li><a href="C:\Users\DELL\OneDrive\Desktop\BBA syllabi W.E.F 2017.pdf">BUSINESS
ENVIRONMENT</a></li><li><a href="C:\Users\DELL\OneDrive\Desktop\BBA syllabi W.E.F
2017.pdf">E-COMMERCE-LAB</a></li>
<li><a href="C:\Users\DELL\OneDrive\Desktop\Screenshot (61).png">QUANTATIVE
TECHNIQUES</a></li></ol>
<li><a href="C:\Users\DELL\OneDrive\Desktop\BBA syllabi W.E.F
2017.pdf">QUANTITATIVE TECHNIQUES</a></li>
</body>
</html>

Output:

Practical 10
CREATE AN HTML DOCUMENT USING BASE TAG, ALL ATTRIBUTES OF
TARGET TAG AND INSERT AN IMAGE LINK IN THE SAME.

Code:
<HTML><HEAD><TITLE><B>HYPERLINK EXAMPLE</B></TITLE>
<BASE HREF="https://www.w3schools.com/html/html links.asp">
</HEAD>
<BODY BGCOLOR="PINK" FONT SIZE="58"><CENTER>
<BR><IMG SRC="C:\Users\DELL\OneDrive\Desktop\CHOCOLATES.jpg" width="200"
height="200">
<P> VARIETY OF SWEETS</P>
<A HREF="https://www.houseandgarden.co.uk/recipe/type/desserts-cakes"
TARGET="_BLANK"><B> DESSERTS</B></A><br>
CA HREF=https://www.houseandgarden.co.uk/recipe/type/desserts-cakes"
TARGET="_SELF"><B>HANDMADE CAKES</B></A><br>
<A HREF="https://ww.tasteofhone.com/collection/indian-dessert-recipes/
TARGET="_PARENT">INDIAN SWEETS
</A><br>
<A HREF="https://ww.businessinsider.in/home/the-best-chocolates-you-can-get-for-valentine-
day/articleshow/67872593.cms" TARGET="_TOP"><B>CHOCOLATES</B></A>
</CENTER></BODY></HTML>

Output:
Practical 11
Create a HTML webpage using Nested Tables which display the following list.
FRUITS & VEGETABLES
A. Vegetables
• Onion
• Tomato
• Radish
• Potato
• Carrot
B. Fruits
• Apple
• Banana
• Water-Melon
• Mango
• Grapes

newspaper & Magazine


o Newspaper
5. The Times of India
6. Hindustan Times
7. Navbharat Times
8. Punjab Kesari
9. Dainik Jagran

o Magazine
i. Business Times
ii. The Week
iii. India Today
iv. Harvard Business Review
v. Computer World

Apply following parts:


1--Put horizontal line after A, B and C
2--Apply heading tags for newspaper and magazine
3--Apply a background color
4----Insert marquee tag displaying “Newspapers and Magazines”
5--Add a hyperlink (IMG, Source in headings A, B, C)
6---Apply link colors, Target Frames
7---Apply your email with the list for Online orders and price and subscriptions

Code:
<html>
z <head><title>PROGRAM
3 </title></head>
<body bgcolor="grey">
<center><FONT SIZE="10" FACE="ARIAL BLACK">FRUITS AND
VEGETABLES</FONT>
<UL>
<H4>COL TYPE="A"><LI>VEGETABLES</LI></OL></H4><BR><A
HREF="https://agricart.io/" TARGET="_BLANK"><IMG SRC="C:\Users\QELL\OneDrive\
Desktop\vegetables.jpg" WIDTH="400" HEIGHT="400" ></A>
#<LI>ONION</LI>
*<LI>TOMATO</LI>
1<LI>RADISH</LI>
11 <LI>POTATO</LI>
<LI>CARROT</LI></UL><BR><HR COLOR="RED">
15 044><OL TYPE "A" START-"2"><LI>FRUITS</LI></OL></H4>
11 <UL>
<A HREF="https://fruitguys.com/" TARGET="_TOP"><IMG SRC="Caers\RELLAOneDrive\
Desktop\FRUITS Cooying" WIDTH="400" HEIGHT="400"></A>
14<LI>APPLE</LI>
17 <LI>BANANA</LI>
13 CLIOKATER-MELON</LI>
1 <LI>MANGO</LI><LI>GRAPES</LI></UL><BR>CHR COLOR="RED">
<H2><MARQUEE NEWSPAPER AND MAGAZINES</MARQUEE></H2> 31 <H4><UL
TYPE="DISC"><LI>NEWSPAPER</LI></UL></H4>
<A HREF="https://www.thehindu.com/ TARGET="_PARENT"><IMG
SRC="CascaiDELioncive\Desktop M. jog" WIDTH="400" HEIGHT="400"><<BR>
2 COL TYPE="1" START="37
2 CLI>THE TIMES OF INDIAC/LI> 25 <LI>HINDUSTAN TIMES</LI>
<LI>PUNJAB KESARI</LI><LI> DAINIK JAGRAN</LI>
77</OL><HR COLOR-"RED">
<H4><UL TYPE="SQUARE"><LI>MAGAZINE</LI></UL></H4>
<OL TYPE="1">
20 <LI>BUSINESS TIMES LIS
1<LI>THE WEEK </LI>>INDIA TODAY</LI><LI> COMPUTER WORLD</LI></OL>
25 <BR<FONT FACE "ARIAL BLACK SIZE "8">
</body></html>

Output:
Practical 12
CREATE A HTML Nested TABLE IN THE GIVEN FORMAT-
1. Create table of different cars of different companies
2. Insert images of respective cars of your choice
3. Create hyperlink foe each company to check the car details

Code:
<html>
<head><title>HTML TABLE</title></head>
<body bgcolor="blue" font="arial black"><center><font face="arial black" size="10"><table
border="2"><tr>
<th>COMPANY </th><th>HODEL</th></tr>
<tr><td>Maruti Suzuki</td>
<td>SWIFT DZIRE<br><a href="https://www.maruti suzuki.com/channels/arena/all-cars/?
formitestdrive&utm_source=google&utm_medium=cpc&utm_campaign=11476838472&utm_te
rm=2Baruti20(suzuki&utm_content=cgclid=Cjuk
<tr><td> Hyundai</td>
<td>Verna<br><ingsrc= "Cases DELL OneDrive\Desktop\hyundaiverna.webg" width="200"
height="200"></td></tr>
<tr><td>DISCLAIMER</td>
<td>These Car images and their information is taken from internet (br>
and hence you can change then as per <br> your choice. </td>
<td>B</td>
<td>B-5Series <br><imgsrc="C:\Users\DELL\OneDrive\Desktop\BMW-5-Series-.jpg""
height="200" widths"200">
</td></tr></table></font></center>
</body></html>

Output:
Practical 13
Create a descriptive list of Mobile Store named- HP World
1. Create descriptive list of mobile phone with price and specifications including image
2. Create descriptive list of pen drive, hard disk with price and image

Code:
<html>
<head><title> my program </title></head>
<body>
<dl>
<dt>Iphone 13 </dt>
<dd> price: $729 <dd>
<dd> Specs:<dd>
<dd> display 2532 x 1170<dd>
<dd> front camera: 12MP<dd>
<dd>Hexa core A15 bionic chip<dd>
<dd>proximity sensor<dd>
<imgsrc="iphone-13-pro-family-select.JPEG" width="150" height="150"
alt="iphone 13">
<dt>Oneplus 10 pro</dt>
<dd> price: $599<dd>
<dd> specs: <dd>
<dd> display 2560 x 1440<dd>
<dd> operating system: android<dd>
<dd> 5000 mAh battery <dd>
<imgsrc="oneplus.jpg" width="150" height="150" alt="oneplus 10 pro">
<dt> Samsung S22 Ultra </dt>
<dd> price: $699 <dd>
<dd> specs:<dd>
<dd> screen size 6.8 inches<dd>
<dd> display 3200 x 1440<dd>
<dd> 5000 mAh battery <dd>
<dd> storage capacity upto 1TB <dd>
<imgsrc="images.jpg" width="150" height="150" alt="samsung">
</dl>
<dl>
<dt>sandiskcruzer blade </dt>
<dd> price: $9 <dd>
<dd> Storage: 16GB<dd>
<imgsrc="sand.JPG" width="150" height="150" alt="sandisk">
<dt>sony micro vault </dt>
<dd> price: $15<dd>
<dd> Storage: 32GB <dd>
<imgsrc="sony.JPG" width="150" height="150" alt="sony">
</dl>
<dl>
<dt> Sony HD BI 1 </dt>
<dd> price: $59 <dd>
<dd> Storage: 1TB<dd>
<imgsrc="sony1.JPG" width="150" height="150" alt="sony1">
</dl>
</body>
</html>

Output:
PROGRAM 14
Use i-frame tag in HTML.
CODE:
<html>
<head><title>HTML IFRAME</title></head>
<body bgcolor="pink">
<p><font face="arial black">DOCUMENT CONTENT GOES HERE...</p> sorry your
browserdoes not support frame<iframe>
<iframesrc="c:\users\DELL OneDrive\Desktop\FRAME.HTML" width="555" height="200">
<p>Document also goes here....</p></body></html>

OUTPUT:

PROGRAM 15
Create a form in HTML.
CODE:
<html>
<head><title>CRYPTO CHART</title></head>
<body bgcolor="grey">
<h1><b><u>CRYPTO CHART FORM</b></u></h1>
<form>
FIRST NAME:<input type="text">
LAST NAME:<input type="text"><br>
PASSWORD:<input type="password"><br>
PHONE NUMBER: <input type="text"><br>
<b><u>SELECT COLLEGE</b></u><br>
<input type="checkbox" name="checkbox>MAHARAJA SURAJMAL INSTITUTE NEW
DELHI(MSI)<br>
<input type="checkbox" name="checkbox>MAHARAJA AGARSEN INSTITUTE OF
MANAGEMENT
STUDIES(MAIMS)<br>
<input type="checkbox" name="checkbox>VIVEKANAND INSTITUTE OF PROFESSIONAL
STUDIES(VIPS)<br>
<b><u>SELECT CLASS</b></u><br>
<input type="checkbox" name="class">BBA<br>
<input type="checkbox" name="class">BCOM<br>
<input type="checkbox" name="class">B TECH<br>
<b><u>SELECT SECTION</b></u><br>
<input type="checkbox" name="class">A<br>
<input type="checkbox" name="class">B<br>
<input type="checkbox" name="class">C<br>
<br><button><input type="SUBMIT" value="SUBMIT">SUBMIT FORM
<input type="reset" valur="reset"> reset form</button>
<center><b>
</form>
</body>
</html>
OUTPUT:

PROGRAM 16
Create a student registration form in HTML.
CODE:
<html>
<head><title>> Vansh Gupta 12221201721 </title></head>
<body><form method="action"><table border="2" align="center" width="400" bgcolor="red">
<caption>REGISTRATION FORM</caption>
<tr><th>enter your first name</th>
<td><input type="text" name="fn" id="fn1" maxlength="10" size="30"></td>
</tr>
<tr>
<th>enter your last name</th>
<td><input type="text"></td>
</tr><tr>
<th>enter your password</th>
<td><input type="password"></td></tr>
<tr><th>enter your email</th>
<td><input type="email"></td>
</tr>
<tr>
<th>enter your mobile number<?th>
<td>input type="numbers"></td></tr>
<tr>
<th>gender</th>
<td>male<input type="radio"name="g"value="m">
female<input type="radio"name="g"value="f">
</td></tr>
<tr><th>select your hobbies</th>
<td>dancing<input type="checkbox" name="x"value="h">
<td>reading<input type="checkbox" name="x"value="b">
<td>painting<input type="checkbox" name="x"value="g">
<td>others<input type="checkbox" name="x"value="o"></td></tr>
<tr><th>select your country</th><td>
<Select><option>India</option>
<option>Thailand</option>
<option>South Korea</option></Select></td></tr>
<tr><th><label>Upload your pic</label></th><td><input type=file></td></tr>
<tr><thcolspan=2><input type=submit value="save my data">
<input type=reset value="Reset data"></th></tr>
</table>
</font>
</form>
</body>
</html>

OUTPUT:

You might also like