Kunal Tomar Ecomm File

GURU GOBIND SINGH INDRAPRASTHA UNIVERSITY
MAHARAJA SURAJMAL INSTITUTE
E-COMMERCE LAB
Subject Code-B.COM.(H) - 308
SUBMITTED BY SUBMITTED TO
Students Name: Kunal Singh Tomar
Dr. Anamika Rana
Enrollment No: 35421288820 Assistant Professor
S.No List of Program Date Teacher’s
Signature
1 A) Write 4 paragraphs in html using various tags and different 28.2.2023
allignments. formatting of all 4 paragraphs must be different. first
paragraph about html second about tags and attributes in html third
about www and forth about e-commerce. All these paragraph must be
separated with horizontal line.
28.2.2023
b) Design a web page advantages and disadvantages of e-commerce
with headings.
2 Create an HTML file for displaying a webpage with the following Tags. The file 10.3.2023
should contain a brief description of all these tags:
a. Sub
b. Sup
c. mark
d. Paragraph
e. font
f. Headings
g. HR
h. BR
i. Pre
j. Font
k. Blockquote
3 Design a Web Page of your CV with headings as Objective, educational qualification, 14.03.202
achievements, strengths, hobbies and personal details. 3
Apply following specifications:
Insert a horizontal line after every above mentioned heading (Eg. Insert horizontal line
once objectives are complete)
Set any light color as page background.
Bold and underline every heading
Insert your image on left side of web page
Use heading tag to specify the headings
After every heading is over put a horizontal line
Use pre tag for Educational Qualification
4 Write a HTML code to print the following lines in same manners: 21.3.2023
In Mathematics, a quadratic equation is a polynomial equation of
the second degree. The general form is
ax2+bx+c=0
Where != 0 (For if a=0, the equation becomes a linear equation)
"CHEMICAL EQUATION"
4H3PO3 = 3H3PO4+PH3
and other expression as
Pnew= Pold + X2-Yacosx
.
5 Design a Web Site with the name as HTML tutorial with following specifications: 24.3.2023
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, br, hr, pre, p
2. Font Styles and Images: Font and Basefont tag, Image tag
3. Anchor: Internal (linking within page) and External (linking with other
documents) links
4. Marquee: Move text, image and hyperlink
5. Quotation and citation tags: <blockquote>,<q>, <abbr>, <address>, <cite>,
<tt> and <bdo>
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.

6 Create a HTML webpage which display the following form. 10.4.2023
8 Design tables as follows: 11.4.2023
With all attributes
Roll Name Course Marks

no
1 Ajay BBA 78
Kumar
2 Kavita BCA 62
Sharma
3 Rohit Garg BBA CAM 87
4 Pooja BBA 67
Kapoor
5 Mohit BBA CAM 72
Gupta
9 Design following table: 25.4.2023
Rol Marks
l Name Course
Internal External Total
No
123 abc BBA 20 60 80
789 xyz BCA 15 65 80

11 Design nested frames (10 frames) in HTML. 25.4.2023
12 Design table in HTML 28.4.2023
IP University Courses
Graduate Post Graduate
BBA BCA B. Tech MBA MCA M. Tech
240 120 100 200 100 80
13 Design a web page for linking frames. (Hyperlink of one frame must open in 1.5.2023
another frame).
14 Design a web page Using HTML: 2.5.2023
Time Table for BBA(G) - II Section C (Eve)

Class Coordinator: Dr. Anamika Rana
9:00- 10:15- 11:30- 1:00- 2:15-
10:00 11:15 12:30 2:00 3:15
ECOM
Monday QT CA BC BE M
ECOM ECOM ECOM
Tuesday BC M BE M LAB M LAB
Wednesd ECOM ECOM
ay QT M LAB M LAB BC CA
E
COM
Thursday BE CA M Lunc QT
ECOM h
Friday M QT BE Brea CA BC
Saturday CA QT k BE
Subject Faculty
ECOMM:Dr.
CA: Dr. ANITA Anamika BC: Dr. Nisha Bamel
QTOR: Mr. Shashi ECOMM BE: Dr. Suhasini
Kant Pandey LAB:Dr.Anamika
15 Create a nested list as follows: 16.5.2023
Computer System
1. Input Devices
i. Keyboard
ii. Mouse
iii. Joystic
iv. Scanner
a. Flat Bed Scanner
b. Hand held Scanner
2. Output Devices
i. Monitor
a. LCD
b. CRT
ii. Printer
I. Impact Printer
II. Non Impact Printer
Apply following parts:
Insert an image of computer on top right corner of web page
Display a marquee displaying “Input and Output Devices”
Use different font styles and colors for Input and Output Devices
Insert horizontal line after Input Devices are over
Use bold, italics and underline in headings

16 Design a webpage for multimedia controls(use audio and video files in 19.5.2023
webpage)
17 Create a HTML webpage which display the following list. 19.5.2023
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
Put horizontal line after newspaper and magazine
Apply heading tag for newspaper and magazine
Apply a background color
Insert marquee tag displaying “Newspapers and Magazines”

Assignment 1(a)
Write 4 paragraphs in html using various tags and different alignments. Formatting of
all 4 paragraphs must be different. First paragraph about html second about tags and
attributes in html third about www and forth about e-commerce. All these paragraphs
must be separated with a horizontal line.
Output
Source Code
<<Html><Head>
<Title> Kunal Singh Tomar 35421288820 </title>
</Head>
<Body>
<b><font size=50>Paragraph with different alignments</font></b>
<h1>HTML</h1>
<p align=left><font color= Blue size=4>
The Hypertext Mark-up Language or HTML is the standard mark-up language for documents
designed to be displayed in a web browser. It is often assisted by technologies such as
Cascading Style Sheets (CSS) and scripting languages such as JavaScript.
Web browsers receive HTML documents from a web server or from local storage and render
the documents into multimedia web pages. HTML describes the structure of a web page
semantically and originally included cues for its appearance.</p></font>
<Hr>
<h1>Tags and attributes</h1>

<p align=center><font color=orange size=4>
HTML attributes are special words which provide additional information about the elements
or attributes are the modifier of the HTML element.
Each element or tag can have attributes, which defines the behaviour of that element.
Attributes should always be applied with start tag.</font></p>
<Hr>
<h1>WWW</h1>
<p align=right><font color=Voilet size=4>
The World Wide Web (WWW), commonly known as the Web, is an information system
enabling documents and other web resources to be accessed over the Internet.
Documents and downloadable media are made available to the network through web servers
and can be accessed by programs such as web browsers.
Servers and resources on the World Wide Web are identified and located through character
strings called uniform resource locators (URLs). The original and still very common
document type is a web page formatted in Hypertext Mark-up Language (HTML). This mark-
up language supports plain text, images, embedded video and audio contents, and scripts
(short programs) that implement complex user interaction. The HTML language also supports
hyperlinks (embedded URLs) which provide immediate access to other web resources. Web
navigation, or web surfing, is the common practice of following such hyperlinks across
multiple websites. Web applications are web pages that function as application software. The
information in the Web is transferred across the Internet using the Hypertext Transfer
Protocol (HTTP).</font></p>
<Hr>
<h1>Ecommerce</h1>ok
<p align=left><font color=Red size=4>
E-commerce (electronic commerce) is the activity of electronically buying or selling of
products on online services or over the Internet. E-commerce draws on technologies such as
mobile commerce, electronic funds transfer, supply chain management, Internet marketing,
online transaction processing, electronic data interchange (EDI), inventory management
systems, and automated data collection systems. E-commerce is in turn driven by the
technological advances of the semiconductor industry, and is the largest sector of the
electronics industry.</font></p>
</body>
</html>
ASSIGNMENT 1(B)
Design a web page advantages and disadvantages of e-commerce with headings.
Output
Source code
<Html><Head>
<Title>Kunal Singh Tomar 35421288820</title>
</Head>
<Hr>
<Body>
<h1>Advantages of E-Commerce</h1>
We now understand the benefits of e-commerce. Whether a person is a client or a
businessperson, everyone wins from this.
<h3>1. Selling internationally</h3>
It is a platform where any trader or business may advertise their goods as much as possible
around the globe. Additionally, anybody can purchase the item for themselves from any
location.
In this, communication between the client and the merchant is simple. E-commerce functions
as a worldwide business model as a result. The businessman may boost the worth of his
product brand by doing this.
<h3>2. Accessibility</h3>
Anything may now be purchased quite easily. On the e-commerce platform, products are
accessible around the clock. Compared to offline markets, it is considerably better.
<h3>3. Cheap</h3>
The client and the firm are linked directly through this business strategy. Because of this, any
business or group may offer their goods directly to consumers. The business could increase
its margin in this. The same client can purchase the good or service for less money online
than in a physical store.
<h3>4. Domestic Delivery</h3>

A customer's requested item is quickly delivered to his home via an e-commerce company.
Additionally, client complaints are addressed along with this. People prefer to purchase goods
online because of this.
<h3>5. Locating Basics</h3>
Finding the products you need in the offline market is really challenging. At the same time,
we may use a single click to browse an online e-commerce website and purchase the products
we need. Customers have far more convenience with this alternative than with an offline
market.
<h1>Disadvantages of E-Commerce</h1>
If you believe that using E-Commerce or conducting your buying online is safe. Therefore,
your reasoning is wholly incorrect. Because it has benefits, there are some drawbacks as well,
which are listed below.
<h3>1. Safety</h3>
E-Commerce has a significant issue from online fraud. Hackers steal personal information,
financial information, and other data from websites. The issue of hacking persists because of
any negligence.
No website makes any assurances that your personal information won't be compromised, and
hacking has always been seen as a drawback of e-commerce. Therefore, create a secure
password for your online store.
<h3>2. Fear</h3>
When purchasing online, most of the shops lack a physical presence, and before completing
online payment, customers have reservations about this. People worry that they will lose their
money if the wrong goods are delivered and that it would be challenging to obtain their
money back if the website is unreliable.
<h3>3. Some things are difficult to purchase online</h3>

If you believe that you can buy everything and everything online. You are, therefore,
completely mistaken in your thinking. Some necessary items and valuables are challenging to
purchase online. People believe it is more appropriate to purchase items like jewellery from
brick-and-mortar stores rather than online.
<h3>4. Delivery Is Late</h3>

You are granted a specific amount of time while buying on an e-commerce website, after
which you will get your purchase. However, this seldom occurs, and for some reason, the
merchandise usually arrives to you sooner than promised.
<h3>5. Self-Awareness</h3>
Online shopping is impossible since we cannot physically inspect or test anything before
making a purchase. Occasionally, an item may appear appealing on the website, but in
practice, it may be considerably worse. The main drawback of e-commerce is this. People
who are offline can touch and see the object of their choice.
<h3>6. Risk of Privacy</h3>

Privacy every individual is required to disclose their personal information, such as name,
address, phone number, etc., to the online retailer before completing a transaction. Some e-
commerce websites have such porous security that hackers may quickly access them.
Personal data about persons is also taken. The folks may incur high costs because of this
catastrophe. People are reluctant to purchase online because of this.
</body>
</html>
ASSIGNMENT 2
Create an HTML file for displaying a webpage with the following Tags. The file should
contain a brief description of all these tags:
a. Sub
b. Sup
c. mark
d. Paragraph
e. font
f. Headings
g. HR
h. BR
i. Pre
j. Font
k. Block quote
Output
Source code
<Html><head>
<Title>Kunal Singh Tomar 35421288820</title>
</head>
<Body>
<h1>Tags</h1>
<h3>A. Sub</h3>
<p> The <sub> tag defines subscript text. Subscript text appears half a character below
the normal line, and is sometimes rendered in a smaller font. Subscript text can be used
for chemical formulas, like H2O. Tip: Use the <sup> tag to define superscripted text.
</p>
<h3>B. sup</h3>
<p>HTML sup tag is termed as a superscript tag which is used to define superscript text.
The text within sup tag appears with an upper baseline and renders with smaller font size
than surrounding text.</p>
<h3>C. Mark</h3>
<p>The mark HTML element represents text which is marked or highlighted for
reference or notation purposes due to the marked passage's relevance in the enclosing
context.</p>
<h3>D. Paragraph</h3>
<p>The HTML p element defines a paragraph. A paragraph always starts on a new line,
and browsers automatically add some white space (a margin) before and after a
paragraph. </p>
<h3>E. font</h3>
<p>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. The base font tag is used to set all the text to the same size, color and face. </p>
<h3>F. Headings</h3>
<p>A HTML heading or HTML h tag can be defined as a title or a subtitle which you
want to display on the webpage. When you place the text within the heading tags
h1........./h1, it is displayed on the browser in the bold format and size of the text depends
on the number of heading.
There are six different HTML headings which are defined with the h1 to h6 tags, from
highest level h1 (main heading) to the least level h6 (least important heading).
h1 is the largest heading tag and h6 is the smallest one. So h1 is used for most important
heading and h6 is used for least important. </p>
<h3>G. HR</h3>
<p>The hr HTML element represents a thematic break between paragraph-level

elements: for example, a change of scene in a story, or a shift of topic within a section.
</p>
<h3>H. Br</h3>
<p>Definition and Usage. The (br) tag inserts a single line break. The (br) tag is useful
for writing addresses or poems. The (br) tag is an empty tag which means that it has no
end tag. </p>
<h3>I. Pre</h3>
<p>Definition and Usage. The pre tag defines preformatted text. Text in a (pre) element
is displayed in a fixed-width font, and the text preserves both spaces and line breaks. The
text will be displayed exactly as written in the HTML source code.</p>
<h3>J. Block quote</h3>
<p>The block quote tag specifies a section that is quoted from another source. Browsers
usually indent block quote elements (look at example below to see how to remove the
indentation). </p>
</body>
</html>
ASSIGNMENT 3.
Design a Web Page of your CV with headings as Objective, educational qualification,
achievements, strengths, hobbies and personal details.
Apply following specifications:
Insert a horizontal line after every above mentioned heading (Eg. Insert horizontal line
once objectives are complete)
● Set any light colour as a page background.
● Bold and underline every heading
● Insert your image on left side of web page
● Use heading tag to specify the headings
● After every heading is over put a horizontal line
● Use pre tag for Educational Qualification
● Use font tag for all the text
Output
Source Code
<html><head>
<Title>Kunal Singh Tomar 35421288820</Title>
</head>
<body bgcolor= #ADD8E6>
<image src="C:\Users\user\Downloads\Profile photo.jpeg" height=30%><hr>
<font size=5 face='Comic Sans MS'>
<h1 align=left><b><u>Objectives :</u></b></h1>
A fresher who wishes to equip myself with additional skills and hone my leadership skills by
working with a team that enables me to develop and work hard.<br>
<hr>
<pre>
<h1><b><u>Educational Qualification:</u></b></h1>
Pursuing with B.COM(Hons) from Maharaja Surajmal Institute
Passed out 12TH from CBSE Delhi in 2020.
Passed out 10TH from CBSE Delhi in 2018.

</pre>
<hr>
<h1><b><u>Achievements :</u></b></h1>
1. worked with startup <br>
2. Won the achivement for being runnerup in badminton tournament
<hr>
<h1><b><u>Strengths :</u></b></h1>
1. Efficient and hard working with positive attitude.<br>
2. Self-motivated person with strong problem solving and decision making skills.<br>
3. Enthusiastic and optimistic.<br>
4. Quick learner with an ability to deal with pressure.<br>
<hr>
<h1><b><u>Hobbies:</u></b></h1>
1. Book Reading<br>
2. Gaming<br>
3. Learning programming languages <br>
<hr>
<h1><b><u>Personal Information:</u></b></h1>
Name: Kunal Singh Tomar<br>
Contact:+91 85272****<br>
EMAIL: kunalm6c21288820@msijanakpuri.com<br>
</font>
</body>
</html
ASSIGNMENT 4
Write a HTML code to print the following lines in same manners:
In Mathematics, a quadratic equation is a

polynomial equation of the second degree. The
general form is
ax2+bx+c=0
Where != 0 (For if a=0, the equation becomes a

linear equation)
"CHEMICAL EQUATION"
4H3PO3 = 3H3PO4+PH3
and other expression as
Pnew= Pold + X2-Yacosx
Output
<Html>
<head>
<title>Quadratic equation</title>
</head>
<body>
<p>In Mathematics, a quadratic equation is a polynomial equation of second degree. The

general form is ax<sup>2</sup>+bx+c=0<br>
Where!=0(For if a=0, the equation becomes a linear equation)<br><br></p>
<u><b>CHEMICAL EQUATION</b></u><br>
4H<sub>3</sub>PO<sub>3</sub>=3H<sub>3</sub>PO<sub>4</sub>+PH<sub>3</sub><Br>
and other expression as <br>
P<sub>new</sub>=P<sub>old</sub>+X<sup>2</sup>-Y<sub>acosx</sub>
</body>
</html>
ASSIGNMENT 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, br, hr, pre, p
2. Font Styles and Images: Font and Basefont tag, Image tag
3. Anchor: Internal (linking within page) and External (linking with other
documents) links
4. Marquee: Move text, image and hyperlink
5. Quotation and citation tags: <blockquote>,<q>, <abbr>, <address>, <cite>, <tt>

and <bdo>
● 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 the home page.
Output
1. Formatting Styles and Headings
2. Font Style and Images
3. Anchor
4. Marquee
5. Quotation And Citation Tag
Source Code
Homepage:
<html><head>
<title>Kunal Singh Tomar 35421288820</title>
</head>
<body background="C:\Users\verma\OneDrive\Desktop\HTML FILE\ASSIGNMENT 5\

banner-design-geometric-hexagon-colorful-overlapping-with-background-free-vector.jpg">
<img src="C:\Users\verma\OneDrive\Desktop\HTML FILE\ASSIGNMENT 5\
download.png" height=20% align=left valign=top>
<h1><marquee><font size=8 face='Goudy Stout' color= red>HTML

TUTORIALS</font></marquee><h1>
<pre>
<font face='ink free' size=6>
This is the Home page of HTMl tutorials. To learn more click on the links below.
<a href="C:\Users\verma\OneDrive\Desktop\HTML FILE\ASSIGNMENT 5\

FORMATTING STYLES AND HEADINGS.HTML">Formatting Styles and Headings</a>
<a href="C:\Users\verma\OneDrive\Desktop\HTML FILE\ASSIGNMENT 5\FONT STYLE

AND IMAGES.HTML">Font Styles and Images</a>

MARQUEE.HTML">Marquee</a>
<a href="C:\Users\verma\OneDrive\Desktop\HTML FILE\ASSIGNMENT 5\QUOTATION

AND CITATION TAG.HTML">Quotation and Citation Tag</a>

ANCHOR.HTML">Anchor</a>
</font>
</pre>
</body>
</html>
1. Formatting Style and Headings
<html><head>
</head>

<h1 align=center><font size=7 face='Ink free' color=#5C3317>Formatting Styles and
Headings</font></h1>
<pre>
<font size=6>

HOMEPAGE.HTML">Back to Homepage</a>, <a href="C:\Users\verma\OneDrive\
Desktop\HTML FILE\ASSIGNMENT 5\MARQUEE.HTML">Marquee</a>, <a href="C:\
Users\verma\OneDrive\Desktop\HTML FILE\ASSIGNMENT 5\QUOTATION AND
CITATION TAG.HTML">Quotation and Citation Tag</a>, <a href="C:\Users\verma\
OneDrive\Desktop\HTML FILE\ASSIGNMENT 5\ANCHOR.HTML">Anchor</a>, <a
href="C:\Users\verma\OneDrive\Desktop\HTML FILE\ASSIGNMENT 5\FONT STYLE
AND IMAGES.HTML">Font Styles and Images</a></font>
<font color=#7D0541 face='High Tower Text' size=5>
1. Bold tag= The 'b' tag specifies bold text without any extra importance.
For example: <b>My name is Henry</b>
2. Italics Tag= The 'i' tag defines a part of text in an alternate voice or mood. The content
inside is typically displayed in italic.
The 'i' tag is often used to indicate a technical term, a phrase from another
language, a thought, a ship name, etc.
For example= <i> My name is Henry</i>
3. Underline tag= The 'u' tag represents some text that is unarticulated and styled differently
from normal text, such as misspelled
words. The content inside is typically displayed with an underline.

For example: <u>My name is Henry.</u>
4. Strike tag= The 'strike' HTML element places a strikethrough (horizontal line) over text.
For example: <strike>My name is Henry</strike>
5. Subscript= The 'sub' tag defines subscript text. Subscript text appears half a character
below the normal line, and is sometimes
rendered in a smaller font.
For example: H<sub>2</sub>SO<sub>4</sub>
6. Superscript= The 'sup' tag defines superscript text. Superscript text appears half a character
above the normal line, and is sometimes
rendered in a smaller font.
For example: 56<sup>2</sup>=3136
7. Heading Tag= Headings are used to divide or assign Headings to a web page's content.
Heading code consists of 'Heading no.' Heading text
'/heading no.' The heading number is replaced with a number from 1 to 6.
Heading no. Font size in points
1 18
2 16
3 14
4 12
5 10
6 8
Heading will always leave a blank line above and below will always be bold.
Heading can use attributes such as align to decide if the heading
should be right aligned, left aligned, or center.
For example:
<h1>My name is Henry</h1>
8. Br= The break code inserts a carriage return. It is just like prssing enter key on the
keyboard where it takes you to the next line.
For example: My name is'br'<br>Henry
9. Hr= The 'hr' tag defines a thematic break in an HTML page (e.g. a shift of topic). The 'hr'
element is most often displayed as a horizontal rule
that is used to separate content (or define a change) in an HTML page.
For example: My name is Henry'hr' <hr>
10. Pre= The 'pre' tag defines preformatted text. Text in a 'pre' element is displayed in a fixed-
width font, and the text preserves both spaces and
line breaks. The text will be displayed exactly as written in the HTML source code.
11. P= The 'p' tag defines a paragraph. Browsers automatically add a single blank line before
and after each 'p' element.
</font>
</pre>
</body>
</html>
2. Font Style and Images
<html><head>
</head>

<h1 align=center><font face='Engravers MT' size=7 color=#80000>Font Style and Images

</font></h1>
<pre>
<font size=6><a href="C:\Users\verma\OneDrive\Desktop\HTML FILE\ASSIGNMENT 5\

Desktop\HTML FILE\ASSIGNMENT 5\FORMATTING STYLES AND
HEADINGS.HTML">Formatting Styles and Headings</a>, <a href="C:\Users\verma\
OneDrive\Desktop\HTML FILE\ASSIGNMENT 5\MARQUEE.HTML">Marquee</a>, <a
href="C:\Users\verma\OneDrive\Desktop\HTML FILE\ASSIGNMENT 5\QUOTATION
AND CITATION TAG.HTML">Quotation and Citation Tag</a>, <a href="C:\Users\verma\
OneDrive\Desktop\HTML FILE\ASSIGNMENT 5\ANCHOR.HTML">Anchor</a></font>
<font color=#3a5f0b face='SimSun' size=5>
1. Font Tag= The font element is used to Decide the look of a block of text and how it will be
displayed. It has the following attributes.
1.1. Size: The font size can be value be equal to a value from 1 to 7.
1.2. Color= Color attributes assigns color to the font.
1.3. Face= Face attributes assigns style to the font.
2. Base-font Tag= HTML 'basefont' tag was used to specify the default value of font-size,
color, and font-family for all content written within an HTML document.
<font color= blue>Note: The <basefont> was deprecated in HTML 4 and completely
removed from HTML5 so do not use this tag, instead of it you can use CSS to style the
document.</font>
3. Image Tag= HTML img tag is used to display image on the web page. HTML img tag is an
empty tag that contains attributes only, closing tags are not used in HTML image element.
The "src" and "alt" are important of HTML img tag. All attributes of HTMl image
tag are gievn below.
3.1. src= It is a necessary attribute that describes the source or path of the image. It
instructs the browser where to look for the image on the server.
The location of image may be on the same directory or another server.
3.2. alt= The alt attribute defines an alternate text for the image, if it can't be displayed.
The value of the alt attribute describe the image in words. The alt attribute
is considered good for SEO prospective.

3.3. width= It is an optional attribute which is used to specify the width to display the
image.
3.4. height= It h3 the height of the image. The HTML height attribute also supports iframe,
image and object elements.
<font color= blue>Note: Always try to insert the image with height and width, else it may
flicker while displaying on webpage.</font>
</font>
</pre>
</body>
</html>
3. Marquee
<html><head>
</head>

<h1 align=center><font size=7 face='Showcard Gothic'

color=#36013F>MARQUEE</font></h1>
<pre>
<font size=6>

OneDrive\Desktop\HTML FILE\ASSIGNMENT 5\QUOTATION AND CITATION
TAG.HTML">Quotation and Citation Tag</a>, <a href="C:\Users\verma\OneDrive\
Desktop\HTML FILE\ASSIGNMENT 5\ANCHOR.HTML">Anchor</a>, <a href="C:\
Users\verma\OneDrive\Desktop\HTML FILE\ASSIGNMENT 5\FONT STYLE AND
IMAGES.HTML">Font Styles and Images</a></font>
<font size=5 face='Britannic Bold' color=#004225>
Marquee= The Marquee HTML tag is a non-standard HTML element which is used to scroll
a image or text horizontally or vertically.
In simple words, you can say that it scrolls the image or text up, down, left or right
automatically.
HTML Marquee Attributes: Marquee's element contains several attributes that are used to
control and adjust the appearance of the marquee.
Behavior= It facilitates user to set the behavior of the marquee to one of the three different
types: scroll, slide and alternate.
Direction= Defines direction for scrolling content. It may be left, right, up and down.
Width= Defines width of marquee in pixels or %.
Height= Defines height of marquee in pixels or %.
hspace= Defines horizontal space in pixels around the marquee.
vspace= Defines vertical space in pixels around the marquee.
Scrolldelay= Defines scroll delay in seconds.
Scrollamount= Defines scroll amount in number.
Loop= Defines loop for marquee content in number.
bgcolor= Defines background color. It is now deprecated.
EXAMPLE OF MARQUEE
1. Moving Text=<marquee> MICROSOFT WORD </MARQUEE>

2. Moving Image=
<marquee><img src="C:\Users\verma\OneDrive\Desktop\HTML FILE\ASSIGNMENT 5\

download.png"></marquee>
3. Moving Hyperlink= <marquee><a href="C:\Users\verma\OneDrive\Desktop\HTML FILE\

ASSIGNMENT 5\MARQUEE.HTML">MARQUEE</a></marquee>
</font>
</pre>
</body>
</html>
4. Anchor
<html><head>
</head>

<h1 align=center><font size=7 face='ALGERIAN' color=#25383C>ANCHOR</font></h1>
<pre>

href="C:\Users\verma\OneDrive\Desktop\HTML FILE\ASSIGNMENT 5\QUOTATION
AND CITATION TAG.HTML">Quotation and Citation Tag</a>, <a href="C:\Users\verma\
OneDrive\Desktop\HTML FILE\ASSIGNMENT 5\FONT STYLE AND
IMAGES.HTML">Font Styles and Images</a></font>
<font color=#3B2F2F size=5 face='Bahnschrift Light'>
1. Internal Linking= HTML internal link is linked within the same web page. This link can be
an absolute path or relative path. HTML internal link name is followed by the hash sign(#).
You have to assign an id to refer section of your,
page, which is referred to as an internal link to the same page. When you click
on an internal anchor link, you will scroll automatically to the referred section and display it
on your browser.
2. External Linking= An external link is used to interconnect two HTML webpages. When
you want to navigate to some other page or any other URL by clicking on a link on webpage,
external links are created. An external
link can be created by using anchor tag in HTML webpage.
3. Link Tag= HTML <link> tag is used to specify the relationship between the current
document and external source. The <link> tag is commonly used to link the external
Stylesheet for the current document, but it can also use
with link site icons. It is placed on the head section of the document.
</font>
</pre>
</body>
</html>
5. Quotation And Citation Tag
<html><head>
</head>

<h1 align=center><font size=7 face='Engravers MT' color=#25383C>QUOTATION AND
CITATION TAG</font></h1>
<pre>

href="C:\Users\verma\OneDrive\Desktop\HTML FILE\ASSIGNMENT 5\
ANCHOR.HTML">Anchor</a>, <a href="C:\Users\verma\OneDrive\Desktop\HTML FILE\
ASSIGNMENT 5\FONT STYLE AND IMAGES.HTML">Font Styles and
Images</a></font>
<font color=#3B2F2F size=5 face='Bahnschrift Light'>
1. Blockquote Tag= HTML 'blockquote' tag is used to define a block of text which is quoted
from another source. The Browser usually displays the content within 'blockquote' tag as
indented text.
If you want to insert a long quote then use 'blockquote' and for short or inline
quote use 'q' tag.
2. Q Tag= HTML q tag is used to put small quotation. To do so, write your text within
'q'.............'/q' tag
3. Abbr Tag= HTML 'abbr' tag is used to represent an acronym or abbreviation of a longer
word or phrase, such as www, HTML, HTTP, etc. The content written between 'abbr' tags
renders with dotted underline in some browser.
This tag can be used with "title" attribute (optional), and the value of title attribute
will be pop-up when the mouse hovers over the content written between 'abbr' tag.
4. Address Tag= HTML 'address' tag is used to specify the authorship information of the
article or webpage. It can contain any type of information which is needed such as, URL,
physical address, phone number, email, other
links, etc.The 'address' tag is useful for various contexts such as business contact
information in the header of the page, or author related contact information, etc.The contact
information written between
'address' tags mostly renders in the italic form on the browser.
5. Cite Tag= HTML 'cite' tag specifies a citation, it provides reference or title to a creative
work, quoted content, books, websites, a research paper, a blog-spot, painting, etc. The main
purpose of adding 'cite' element is
to provide or identify the source of the quote or any content.The content written
between 'cite' tag renders in the italic form on the browser, and it can be overridden using
CSS in your HTML document.
6. TT Tag= HTML 'tt' tag was used to define text in monospaced font or fixed-width fonts so
that it would render as teletype, text-only screen, or line printer on the browser.
7. BDO Tag= HTML 'bdo' tag stands for "bidirectional override" which is used to overrides
the current/default text direction. This tag sets the direction of content within it to render on
browser from left to right or right to left.
The 'bdo' tag is useful for the languages which are written from right to left such as
Arabic and Hebrew.
</font>
</pre>
</body>
</html>
ASSIGNMENT 6
Design tables as follows:

● With all attributes
Roll Name Course Marks
no
1 Ajay BBA 78
Kumar
2 Kavita BCA 62
Sharma
3 Rohit BBA 87
Garg CAM
4 Pooja BBA 67
Kapoor
5 Mohit BBA 72
Gupta CAM
Output
Source Code
<html><Head>
<Title >Kunal Singh Tomar 35421288820</Title>
</Head>
<body>
<table border=2 cellpadding=10 cellspacing=0>
<tr>
<th align=left>Roll no.</th>
<th align=left>Name</th>
<th align=left>Course</th>
<th align=left>Marks</th>
</tr>
<tr>
<td>1</td>
<td>Ajay Kumar</td>
<td>BBA</td>
<td>78</td>
</tr>
<tr>
<td>2</td>
<td>Kavita Sharma</td>
<td>BCA</td>
<td>62</td>
</tr>
<tr>
<td>3</td>
<td>Rohit Garg</td>
<td>BBA CAM</td>
<td>87</td>
</tr>
<tr>
<td>4</td>
<td>Pooja Kapoor</td>
<td>BBA</td>
<td>67</td>
</tr>
<tr>
<td>5</td>
<td>Mohit Gupta</td>
<td>BBA</td>
<td>72</td>
</tr>
</table>
</body>
</html>
ASSIGNMENT 7
Design following table:

Marks
Roll No Name Course
Internal External Total
123 abc BBA 20 60 80
789 xyz BCA 15 65 80
Output
Source code
<html><Head>
</Head>
<body>
<tr>
<th align=left rowspan=2>Roll no.</th>
<th align=left rowspan=2>Name</th>
<th align=left rowspan=2>Course</th>
<th align=left colspan=3 >Marks</th>
</tr>
<tr>
<td>Internal</td>
<td>External</td>
<td>Total</td>
</tr>
<tr>
<td>123</td>
<td>abc</td>
<td>BBA</td>
<td>20</td>
<td>60</td>
<td>80</td>
</tr>
<tr>
<td>2</td>
<td>xyz</td>
<td>BCA</td>
<td>15</td>
<td>65</td>
<td>80</td>
</tr>
</table>
</body>
</html>
ASSIGNMENT 8.
● Design table in HTML
IP University Courses
Graduate Post Graduate
BBA BCA B. Tech MBA MCA M. Tech
240 120 100 200 100 80
Output
Source Code
<html><head>
</Head>
<body>
<tr>
<th align=left colspan=6>IP university Courses</th>
</tr>
<tr>
<td colspan=3>Graduate</td>
<td colspan=3>Post Graduate</td>
</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>
ASSIGNMENT 9
● Design a web page Using HTML:
Time Table for BBA(G) - II Section C (Eve)
Class Coordinator: Dr. Anamika Rana
9:00-10:00 10:15-11:15 11:30-12:30 1:00-2:00 2:15-3:15
Monda
y QT CA BC BE ECOMM
Tuesda ECOMM ECOMM
y BC ECOMM BE LAB LAB
Wedne ECOMM ECOMM
sday QT LAB LAB BC CA
Thursd
ay BE CA E COMM QT
Friday ECOMM QT BE CA BC
Saturd Lunch
ay CA QT Break BE
Subject Faculty
CA: Dr. ANITA ECOMM:Dr. Anamika BC: Dr. Nisha Bamel
QTOR: Mr. Shashi
Kant Pandey ECOMM LAB:Dr.Anamika BE: Dr. Suhasini
Output
Source Code
<html><Head>
</Head>
<body>
<tr>
<th colspan=7>Time Table for BBA(G) - II Section C (Eve)</th>
</tr>
<tr>
<th colspan=7>Class Coordinator: Dr. Anamika Rana</th>
</tr>
<tr>
<td></td>
<td>9:00-10:00</td>
<td>10:15-11:15</td>
<td>11:30-12:30</td>
<td rowspan=7 valign=bottom>Lunch Break</td>
<td>1:00-2:00h</td>
<td>2:15-3:15</td>
</tr>
<tr>
<td>Monday</td>
<td>QT</td>
<td>CA</td>
<td bgcolor=yellow>BC</td>
<td>BE</td>
<td>ECOMM</td>
</tr>
<tr>
<td>Tuesday</td>
<td>ECOMM</td>
<td>BE</td>
<td>ECOMM LAB</td>
<td>ECOMM LAB</td>
</tr>
<tr>
<td>Wednesday</td>
<td>QT</td>
<td>ECOMM LAB</td>
<td>ECOMM LAB</td>
<td>CA</td>
</tr>
<tr>
<td>Thursday</td>
<td>BE</td>
<td>CA</td>
<td>ECOMM</td>
<td>QT</td>
<td></td>
</tr>
<tr>
<td>Friday</td>
<td>ECOMM</td>
<td>QT</td>
<td>BE</td>
<td>CA</td>
</tr>
<tr>
<td>Saturday</td>
<td></td>
<td>CA</td>
<td>QT</td>
<td>BE</td>
<td></td>
</tr>
<tr>
<th colspan=7>Subject Faculty</th>
</tr>
<tr>
<td colspan=2>CA: Dr. ANITA</td>
<td colspan=2>ECOMM:Dr. Anamika</td>
<td colspan=3>BC: Dr. Nisha Bamel</td>
</tr>
<tr>
<td colspan=2>QTOR: Mr. Shashi Kant Pandey</td>
<td colspan=2>ECOMM LAB: Dr. Anamika</td>
<td colspan=3>BE: Dr. Suhasini</td>
</tr>
</table>
</body>
</html>
ASSIGNMENT 10
Create a nested list as follows:
Computer System
1. Input Devices
i. Keyboard
ii. Mouse
iii. Joystick
iv. Scanner
a. Flat-Bed Scanner
b. Hand held Scanner
2. Output Devices
i. Monitor
a. LCD
b. CRT
ii. Printer
I. Impact Printer
II. Non-Impact Printer
● Insert an image of computer on top right corner of web page
● Display a marquee displaying “Input and Output Devices”
● Use different font styles and colors for Input and Output Devices
● Insert horizontal line after Input Devices are over
● Use bold, italics and underline in heading.
Output
Source Code
<html>
<head>
<title>Kunal Singh Tomar 35421288820</title></head>
<BR><BR>
<BODY>
<H1>COMPUTER SYSTEM</H1>
<H2><MARQUEE>INPUT AND OUTPUT DEVICES</MARQUEE></H2>
<OL>
<LI>INPUT DEVICES</LI>
<OL TYPE='a'>
<LI>KEYBOARD</LI>
<LI>MOUSE</LI>
<LI>JOYSTICK</LI>
<LI>SCANNER</LI>
<OL TYPE='A'>
<LI>FLAT-BED SCANNER</LI>
<LI>HAND HELD SCANNER</LI>
</OL>
</OL>
<LI>OUTPUT DEVICES</LI>
<OL>
<LI>MONITOR</LI>
<OL TYPE='a'>
<LI>LCD</LI>
<LI>CRT</LI>
</OL>
<LI>PRINTER</LI>
<OL TYPE='a'>
<LI>IMPACT PRINTER</LI>
<LI>NON-IMPACT PRINTER</LI>
</OL></OL>
ASSIGNMENT 11
Create a HTML web page which displays the following list.
FRUITS & VEGETABLES
A. Vegetables
• Onion
• Tomato
• Radish
• Potato
• Carrot
B. Fruits
• Apple
• Banana
• Water-Melon
• Mango
• Grapes
o Newspaper
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:

● Put a horizontal line after newspaper and magazine.
● Apply heading tag for newspaper and magazine.
● Apply a background color.
● Insert marquee tag displaying “Newspapers and Magazines” .
Output
Source Code
<html><head>
</head>
<body bgcolor= #ADD8E6>
FRUITS AND VEGETABLES
<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>Water-Melon</li>
<li>Mango</li>
<li>Grapes</li>
</ul>
</ol>
<h3>Newspaper & Magazine</h3>
<hr>
<ul type=circle>
<li>Newspaper</li>
<ol start=5>
<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>
ASSIGNMENT 12
Output
Source Code
<html>
<head> <title>
Kunal Singh Tomar 35421288820 </title> </head>
<body>
<h1 align=center> STUDENT REGISTERATION FORM </h2>
<hr color=black>
<form>
<body bgcolor=Aqua>
<pre>
<b>
Name: <input type = text value = "Enter Full Name" size = 50 >
Father's Name: <input type = text value size = 50 >
Mother's Name: <input type = text value size = 50 >
Phone Number: <input type = text size=50 >
Email: <input type = text value = "sample@example.com " size= 50 >
Gender: <input type = radio name abc > Male <input type = radio name abc > Female
<input type = radio name abc > Others
Date of birth: <input type = text size = 5 > <input type = text size = 5 > <input type = text
size = 5 > (dd-mm-yyyy)
Address: <input type = text value = "Street:- House:- Road:-" size = 50>
Blood group: <select >
<option selected disabled> Select </option>
<option> o+ </option>
<option> o- </option>
<option> a+ </option>
</select>
Department: <input type = radio name abc> CSE <input type = radio name abc> EEE
<input type = radio name abc> BBA
Course: <input type = checkbox> C <input type = checkbox> C++ <input type =
checkbox> Java <input type = checkbox> AI <input type = checkbox> Machine learning
<input type = checkbox> Robotics
Photo: <input type = text value = "Choose file" > No file chosen
</b>
</form>
</body>
<html>
ASSIGNMENT 13
Output
Source Code
<html><Head>
<Title>Kunal Singh Tomar 35421288820 </Title>
</Head>
<body>
<table bgcolor=yellow border=2 cellpadding=20 cellspacing=3>
<form>
<tr>
<th>ENTER YOUR FIRST NAME</th>
<td><input type=text Value='enter your first name' size=50></td>
</tr>
<tr>
<th>ENTER YOUR LAST NAME</th>
<td><input type=text size=50></td>
</tr>
<tr>
<th>ENTER YOUR PASSWORD</th>
<td><input type=password size=50></td>
</tr>
<tr>
<th>ReENTER YOUR PASSWORD</th>
<td><input type=password size=50></td>
</tr>
<tr>
<th>ENTER YOUR EMAIL</th>
</tr>
<tr>
<th>ENTER YOUR MOBILE</th>
</tr>
<tr>
<th>ENTER YOUR ADDRESS</th>
<td><textarea rows=10 cols=45></textarea></td>
</tr>
<tr>
<th>SELECT YOUR GENDER</th>
<td><input type=radio name=Gender>Male <input type=radio
name=Gender>Female</td>
</tr>
<tr>
<th>SELECT YOUR HOBBIES</th>
<td>Hobby1<input type=checkbox name=hobby> Hobby2<input type=checkbox
name=hobby> hobby3<input type=checkbox name=hobby></td>
</tr>
<tr>
<th>SELECT YOUR DOB</th>
<td><input type=text size=50 value=dd-mm-yyyy></td>
</tr>
<tr>
<th>SELECT YOUR COUNTRY</th>
<td><select>
<option>SELECT YOUR COUNTRY</option>
<option>INDIA</option>
<option>CANADA</option>
<option>AUSTRALIA</option>
</select></td>
</tr>
<tr>
<th>UPLOAD YOUR PIC</th>
<td><input type=button value='CHOOSE FILE'> No file chosen</td>
</tr>
<td colspan=2 align=center><input type=submit Value='Save My Data'> <input
type=reset Value='Reset Data'></td>
</form>
</table>
</body>
</html>
ASSIGNMENT 14
Design a web page of nested frames(min 10 frames) with all attributes of frame tag.
OUTPUT
Source Code:
<html><head>
<title> Kunal Singh Tomar 35421288820 </title>
</head>
<frameset cols="20%,80%" frameborder=1 border=2 bordercolor=green>
<frame src="C:\Users\verma\Downloads\crick\download (1).jpeg" scrolling='no'>
<frameset rows='30%,70%'frameborder=1 border=2 bordercolor=PINK>
<frameset cols="30%,30%,40%" frameborder=1 border=2 bordercolor=red>
<frame src="C:\Users\verma\Downloads\crick\download (2).jpeg" scrolling='no'>
<frame src="C:\Users\verma\Downloads\crick\download.jpeg" scrolling='no'>
<frame src="C:\Users\verma\Downloads\crick\download (3).jpeg"
scrolling='no'></frameset>
<frameset rows='50%,50%'frameborder=1 border=2 bordercolor=brown>
<frameset cols="30%,30%,40%" frameborder=1 border=2 bordercolor=blue>
<frame src="C:\Users\verma\Downloads\crick\images.jpeg" scrolling='no'>
<frame src="C:\Users\verma\Downloads\crick\images (1).jpeg" scrolling='no'>
<frame src="C:\Users\verma\Downloads\crick\images (2).jpeg" scrolling='no'></frameset>
<frameset cols="30%,30%,40%" frameborder=1 border=2 bordercolor=yellow>
<frame src="C:\Users\verma\Downloads\crick\images (5).jpeg" scrolling='no'></frameset>
</frameset>
</frameset>
</frameset>
</html>
ASSIGNMENT 15
Design HTML Form:
Output
Source Code:
<html><head>
<title> Kunal Singh Tomar </title>
</head>
<body background="C:\Users\verma\Downloads\flower.jpg">
<pre><b>
<form method=Get Action=>
<font face='High Tower Text' size=3>
<font size= 5 color=red><i>Personal Information</i></font>
Name: <input Type=text size=30 maxlength=100>
Email: <input Type=text size=30 maxlength=100>
Age: <input type=Radio Name="Skills"><18 <input type=Radio Name="Skills">18-

25 <input type=Radio Name="Skills">26-40 <input type=Radio Name="Skills">41-65
<input type=Radio Name="Skills">65+
<font size= 5 color=red><i>Academic Information</i></font>
Goals: Check all that apply
<input type=checkbox name='C'>Assocoiate Degree <input type=checkbox

name='C++'>Transfer to CBU <input type=checkbox name='JAVA'>Transfer to UC
<input type=checkbox name='AI'>Personal Enrichment
Field of Select all that apply, hold CTRL when clicking to select multiple items
Study:
<select name='Skills' size=6 multiple>

<option>Accounts</option>
<option>Astronomy</option>
<option>Business</option>
<option>Chemistry</option>
<option>Computer Information Systems</option>
<option>Health</option>
<option>Finance</option>
<option>Esports atheletes</option>
<option>Streamer</option>
<option>Data analyst</option>
<option>Business analyst</option>
<option>Web designer</option>
<option>Cyber security</option>
</select>
Comments: <textarea rows=5 cols=70></textarea>
<Input type=submit value="Send Data">

<input type=reset value="Reset Form">n
</pre>
</form>
</body>
</html>
ASSIGNMENT 16
Design a web page for linking frames.
Output
Source Code:
● Code for frames
<html><head>
<title> Kunal Singh Tomar 35421288820</title>
<frameset cols="20%,*">
<frame src="C:\Users\verma\PycharmProjects\Desktop\about.html" name="cricketers">
<frame src=""name="about them">
</frameset>
</html>
● Code for Data in Second Frame

<html><head>
<title>Kunal Singh Tomar 35421288820 verma</title>
</head>
<body>
<H2>Cricketers</h2>
<ul type=square>
<li><a href="https://en.wikipedia.org/wiki/Sachin_Tendulkar" target="about
them">Sachin Tendulkar</a></li>
<li><a href='https://en.wikipedia.org/wiki/Virat_Kohli' target="about them">Virat
Kohli</a></li>
<li><a href="https://en.wikipedia.org/wiki/MS_Dhoni" target="about them">MS
Dhoni</a></li>
<li><a href="https://en.wikipedia.org/wiki/Suryakumar_Yadav" target="about
them">Suryakumar yadav</a></li>
<li><a href="https://en.wikipedia.org/wiki/Rohit_Sharma" target="about
them">Rohit sharma</a></li>
<li><a href="https://en.wikipedia.org/wiki/Jasprit_Bumrah" target="about
them">Jaspreet Bumrah</a></li>
<li><a href="https://en.wikipedia.org/wiki/Ravindra_Jadeja" target="about
them">Ravindra Jadeja</a></li>
<li><a href="https://en.wikipedia.org/wiki/Ravichandran_Ashwin" target="about
them">RavichandranAshwin</a></li>
<li><a href="https://en.wikipedia.org/wiki/Rishabh_Pant" target="about
them">Risabh Pant</a></li>
<li><a href="https://en.wikipedia.org/wiki/K._L._Rahul" target="about them">K.L.
Rahul</a></li>
<li><a href="https://en.wikipedia.org/wiki/Mohammed_Shami" target="about
them">Mohammed Shami</a></li>
</ul>
</body>
</html>
ASSIGNMENT 17
Create a HTML webpage which display the following list.
FRUITS & VEGETABLES
A. Vegetables
• Onion
• Tomato
• Radish
• Potato
• Carrot
B. Fruits
• Apple
• Banana
• Water-Melon
• Mango
• Grapes
Newspaper
2. Hindustan Times
3. Navbharat Times
4. Punjab Kesari
5. Dainik Jagran
Magazine
1. Business Times
2. The Week
3. India Today
4. Harvard Business Review
5. Computer World
Put horizontal line after newspaper and magazine
Apply heading tag for newspaper and magazine
Apply a background color
Insert marquee tag displaying “Newspapers and Magazines”
Source Code :
<!DOCTYPE html>
<html>
<head>
<title>Webpage</title>
<style>
Body {
Background-color: lightgray;
}
</style>
</head>
<body>
<h1>FRUITS & VEGETABLES</h1>
<h2>A. Vegetables</h2>
<ul>
<li>Onion</li>
<li>Tomato</li>
<li>Radish</li>
<li>Potato</li>
<li>Carrot</li>
</ul>
<h2>B. Fruits</h2>
<ul>
<li>Apple</li>
<li>Banana</li>
<li>Water-Melon</li>
<li>Mango</li>
<li>Grapes</li>
</ul>
<hr>
<h2>Newspaper & Magazine</h2>
<marquee behavior=”scroll” direction=”left”>Newspapers and
Magazines</marquee>
<h3>Newspaper</h3>
<ol start=”5”>
<li>The Times of India</li>
<li>Hindustan Times</li>
<li>Navbharat Times</li>
<li>Punjab Kesari</li>
<li>Dainik Jagran</li>
</ol>
<h3>Magazine</h3>
<ol>
<li>Business Times</li>
<li>The Week</li>
<li>India Today</li>
<li>Harvard Business Review</li>
<li>Computer World</li>
</ol>
</body>
</html>

Kunal Tomar Ecomm File

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Kunal Tomar Ecomm File

Uploaded by

Copyright:

Available Formats

GURU GOBIND SINGH INDRAPRASTHA UNIVERSITY

MAHARAJA SURAJMAL INSTITUTE

Set any light color as page background.

Bold and underline every heading

Insert your image on left side of web page

Use heading tag to specify the headings

After every heading is over put a horizontal line

Use pre tag for Educational Qualification

1. Formatting Styles and Headings: Include Bold, italics, Underline, Strike,

Include following specifications:

Insert a background image on home page

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.

Roll Name Course Marks

10 Create a HTML webpage which display the following form. 25.4.2023

14 Design a web page Using HTML: 2.5.2023

Time Table for BBA(G) - II Section C (Eve)

a. Flat Bed Scanner

b. Hand held Scanner

II. Non Impact Printer

Apply following parts:

Insert an image of computer on top right corner of web page

Display a marquee displaying “Input and Output Devices”

Insert horizontal line after Input Devices are over

Use bold, italics and underline in headings

17 Create a HTML webpage which display the following list. 19.5.2023

FRUITS & VEGETABLES

Newspaper & Magazine

5. The Times of India

ii. The Week

iii. India Today

iv. Harvard Business Review

Apply following parts:

Put horizontal line after newspaper and magazine

Apply heading tag for newspaper and magazine

Apply a background color

Insert marquee tag displaying “Newspapers and Magazines”

<h1>Tags and attributes</h1>

<h3>1. Selling internationally</h3>

<h3>4. Domestic Delivery</h3>

<h3>3. Some things are difficult to purchase online</h3>

<h3>4. Delivery Is Late</h3>

<h3>6. Risk of Privacy</h3>

<Title>Kunal Singh Tomar 35421288820</title>

<p>The hr HTML element represents a thematic break between paragraph-level

<h3>J. Block quote</h3>

<Title>Kunal Singh Tomar 35421288820</Title>

<body bgcolor= #ADD8E6>

<image src="C:\Users\user\Downloads\Profile photo.jpeg" height=30%><hr>

<font size=5 face='Comic Sans MS'>

<h1 align=left><b><u>Objectives :</u></b></h1>

Pursuing with B.COM(Hons) from Maharaja Surajmal Institute

Passed out 12TH from CBSE Delhi in 2020.

Passed out 10TH from CBSE Delhi in 2018.

1. worked with startup <br>

2. Won the achivement for being runnerup in badminton tournament

1. Efficient and hard working with positive attitude.<br>

3. Enthusiastic and optimistic.<br>

4. Quick learner with an ability to deal with pressure.<br>

3. Learning programming languages <br>

Name: Kunal Singh Tomar<br>

Write a HTML code to print the following lines in same manners: