Scribd
Upload
43 views

Unit 1 Ecom Lab

The document is an E-commerce lab practical file submitted by Siddharth, with his enrollment number. It contains his answers to 7 questions related to HTML tags and coding. The questions cover topics like different HTML headings, paragraphs with line breaks, bold and italic formatting, alignment of paragraphs, font size changes, and inserting images and links. For each question, Siddharth provides the HTML code for the requested output along with an explanation of the code.

Uploaded by

Spammer Op
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
43 views

Unit 1 Ecom Lab

The document is an E-commerce lab practical file submitted by Siddharth, with his enrollment number. It contains his answers to 7 questions related to HTML tags and coding. The questions cover topics like different HTML headings, paragraphs with line breaks, bold and italic formatting, alignment of paragraphs, font size changes, and inserting images and links. For each question, Siddharth provides the HTML code for the requested output along with an explanation of the code.

Uploaded by

Spammer Op
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/ 20

E-Commerce Lab Practical File

SUBMITTED BY:
SIDDHARTH

Enrollment No.- 03615901722

BBA, Semester II

Batch 2022– 2025

RUKMINI DEVI INSTITUTE OF ADVANCED STUDIES

An ISO 9001:2015 Certified Institute

NAAC Accredited:A+Grade (2nd Cycle), Category A+ Institution (by SFRC, Govt. of NCT
Delhi)
(Approved by AICTE, HRD Ministry, Govt. of India) Affiliated to GGSIPU, Delhi 2A & 2B,

Madhuban Chowk, Outer Ring Road, Phase-1, Delhi-110085


Question no. 1:

Write a HTML code which show the difference in all the headings tags from H1 to H6.

Answer: -

CODE:

<html>

<head>

<title>Different Headings</title>

</head>

<body>

<h1> Hi to RDIAS</h1>

<h2>Hi to RDIAS</h2>

<h3>Hi to RDIAS</h3>

<h4>Hi to RDIAS</h4>

<h5>Hi to RDIAS</h5>

<h6>Hi to RDIAS</h6>

</body>

</html>

OUTPUT:
Question no. 2:

Write a HTML code with a paragraph having line break in between also mention their
interpretation.

Answer: -

CODE:

<HTML>

<HEAD>

<TITLE> Paragraphs with line breaks </TITLE>

</HEAD>

<BODY>

<p> This is the first paragraph.<br>

It contains a line break between the two sentences.</p>

</BODY>

</HTML>

OUTPUT:

The <p> tag is used to define a paragraph in HTML. The <br> tag is used to create a line break
within a paragraph. In this example, we have two paragraphs, each containing a line break
between the sentences.

Question no. 3:
Write a HTML code with a paragraphs on management issue with Bold heading, Italic those are
things are needed to highlight and underline the different subtopics also mention their
interpretation.

Answer: -

CODE:

<html>

<head>

<title>Management Issues</title>

</head>

<body>

<h1><b>Management Issues</b></h1>

<p><i>Effective management is crucial for the success of any organization.</i><u>Let's take a


look at some of these issues and their interpretation:</u></p>

<h2><b>Communication breakdown</b></h2>

<p><i>Communication is the key to effective management. </i></p>

<h2><b>Employee burnout</b></h2>

<p><u>Employee burnout can be detrimental to both employees and the organization.</u></p>

</body>

</html>

OUTPUT:
In this code, the heading "Management Issues" is bolded, and the sentence "Effective
management is crucial for the success of any organization" is italicized to highlight its
importance. The subtopics (communication breakdown, employee burnout, and resistance to
change) are underlined, and their interpretations are provided in the following paragraphs.

Question no. 4:

Write a HTML code with 3 paragraphs having different alignment 1. Centre align 2. Left align 3.
Right align also mention the interpretation.

Answer: -

CODE:

<html>

<head>

<title>Paragraph Alignments</title>

</head>

<body>

<p style="text-align: center;">This is a center-aligned paragraph.</p>

<p style="text-align: left;">This is a left-aligned paragraph.</p>

<p style="text-align: right;">This is a right-aligned paragraph.</p>


</body>

</html>

OUTPUT:

 The <p> tag is used to define a paragraph in HTML.


 The style attribute is used to specify the style for the paragraph, including the text
alignment.
 ‘Text-align: centre’ centres the paragraph text within its containing element.
 ‘Text-align: left’ aligns the paragraph text to the left of its containing element.
 ‘Text-align: right’ aligns the paragraph text to the right of its containing element.

Question no. 5:

Write a HTML code with the use of Big, small and strike tags.

Answer: -

CODE:

<html>

<head>

<title>Big,small and strike tags</title>

</head>
<body>

<p>This text is <big>big</big>.</p>

<p>This text is <small>small</small>.</p>

<p>This text is <strike>strike through</strike>.</p>

</body>

</html>

OUTPUT:

In the above code, the <big> tag increases the font size of the text within it, the <small> tag
decreases the font size of the text within it, and the <strike> tag adds a strike-through effect to
the text within it.

Question no. 6:

Write a HTML code showcase scrolling text on the screen.

Answer: -

CODE:

<html>

<head>

<title>Scrolling Text Example</title>


</head>

<body>

<marquee behavior="scroll" direction="left">This text will scroll leftwards.</marquee>

<marquee behavior="scroll" direction="up">This text will scroll from bottom to top.</marquee>

</body>

</html>

OUTPUT:

In the above code, the <marquee> element is used to create the scrolling effect.

Question no. 7:

Write a HTML code using different font style, size and colour also mention the interpretation.

Answer: -

CODE:

<html>

<head>

<title>Font Style Example</title>

</head>
<body>

<h1 style="font-family: Times New Roman; font-size: 36px; color: red;">Heading 1</h1>

<p style="font-size: 24px; color: blue;">This is a paragraph of text using Times New Roman
font with a font size of 24px and a blue color.</p>

<p style="font-family: Verdana; font-size: 18px; color: cyan;">This is another paragraph of text
using Verdana font with a font size of 18px and a green color.</p>

<p style="font-family: Georgia; font-size: 16px; color: #800000;">This is yet another paragraph
of text using Georgia font with a font size of 16px and a dark red color.</p>

</body>

</html>

OUTPUT:

In this code, there are four different text elements: a heading 1 element and three paragraph
elements. Each text element has its own font family, font size, and colour specified using inline
CSS styles. The first text element is a heading 1 element with Arial font, a font size of 36px, and
a red colour. The second text element is a paragraph element with Times New Roman font, a font
size of 24px, and a blue colour. The third text element is a paragraph element with Verdana font,
a font size of 18px, and a green colour. The fourth text element is a paragraph element with
Georgia font, a font size of 16px, and a dark red colour specified using a hexadecimal colour
code (#800000).
Question no. 8:

Write a HTML code to add an Image on the webpage and linke that on another page using <a>
tag also mention the interpretation.

Answer: -

CODE:

<html>

<head>

<title>My Webpage</title>

</head>

<body>

<h1>Welcome to webpage!</h1>

<ahref="https://play.google.com/store/apps/details?id=com.fingersoft.hcr2&hl=en_US"> Games

</a>

<p>Here's some text on my webpage.</p>

</body>

</html>

OUTPUT:

In HTML, the anchor tag, represented by <a> and </a>, is used to create hyperlinks between web
pages or to specific parts of a page. The anchor tag can also be used to link to specific parts of a
web page.
Question no. 9:

Design a Web Site with the name as HTML tutorial with following specifications:
Make following hyperlinks (i.e. 5 different web pages):
Formatting Styles and Headings: Include Bold, italics, Underline, Strike, Subscript, superscript
and all six type of headings
Font Styles and Images: Font and Basefont tag, Image tag
Anchor: Internal (linking within page) and External (linking with other documents) links
Marquee: Move text, image and hyperlink 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.

Answer: -

CODES:

1. For Front Page

<html>

<head>

<title>HTML TUTORIAL</title>

</head>

<body background="C:\Users\Aditya\Downloads\maxresdefault.jpg">

<ahref="file:///C:/Users/Aditya/Downloads/Formattig%20styles%20and
%20headings.html"> FORMATTING STYLES AND HEADINGS</a>

<br>
<ahref="file:///C:/Users/Aditya/OneDrive/Documents/Font%20Styles%20And
%20Images.html"> FONT STYLES AND IMAGES</a>

<br>

<ahref="file:///C:/Users/Aditya/OneDrive/Documents/Anchor%20tag.html">ANCHOR
TAG </a>

<br>

<a href="file:///C:/Users/Aditya/OneDrive/Desktop/Marquee.html"> MARQUEE


TAG</a>

</body>

<html>

2. For Formatting Styles and Headings

<html>

<head>

<title>HTML TUTORIAL</title>

</head>

<body background="C:\Users\Aditya\Downloads\maxresdefault.jpg">

<a href="file:///C:/Users/Aditya/Downloads/Formattig%20styles%20and
%20headings.html"> FORMATTING STYLES AND HEADINGS</a>

<br>

<ahref="file:///C:/Users/Aditya/OneDrive/Documents/Font%20Styles%20And
%20Images.html"> FONT STYLES AND IMAGES</a>

<br>

<a href="file:///C:/Users/Aditya/OneDrive/Documents/Anchor%20tag.html">ANCHOR
TAG </a>
<br>

<a href="file:///C:/Users/Aditya/OneDrive/Desktop/Marquee.html"> MARQUEE


TAG</a>

</body>

<html>

3. For Font Styles and Images

<html>

<head>

<title>Font Styles And Images</title>

</head>

<body>

<font size="12" color="red"> This is some text!</font><br>

<font face="verdana" color="blue"> The text font has been changed</font>

<br><br>

IMAGE INSERTED<br>

<img src="C:\Users\Aditya\Downloads\images.jfif" alt text="Image Tag is Used">

<br>

<a href="file:///C:/Users/Aditya/OneDrive/Desktop/Question%209.html">BACK TO
HOMEPAGE!!!</a>

</body>

</html>

4. For Anchor Tag

<html>
<head>

<title> Anchor Tag</title>

</head>

<body>

Internal Linking

<ahref="file:///C:/Users/Aditya/OneDrive/Documents/Font%20Styles%20And
%20Images.html"> Internal link to Font Styles and Images

</a><br><br>External Linking

<a href="https://rdias.ac.in/"> Visit RDIAS site!</a>

<br>

<a href="file:///C:/Users/Aditya/OneDrive/Desktop/Question%209.html">BACK TO
HOMEPAGE!!!</a>

</body>

</html>

5. For Marquee Tag

<html>

<head>

<title>Scrolling Text Example</title>

</head>

<body>

<marquee direction="left">This text will scroll from right to left.</marquee><br>

<marquee direction="up"><img
src="C:\Users\Aditya\Downloads\Image.jpg"</marquee>
<br>

<a href="file:///C:/Users/Aditya/OneDrive/Desktop/Question%209.html">BACK TO
HOMEPAGE!!!</a>

</body>

<html>

OUTPUTS:
QUESTION 10:

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 mention heading (Eg. Insert horizontal line once
objectives are complete) use different headings and font type and style where required.
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
Use Base font tag for all the text.

Answer:
CODE:
<html>
<head>
<title>C.V. </title>
</head>
<body bgcolor="cyan">
<p><img src="C:\Users\Aditya\Downloads\WhatsApp Image 2023-06-02 at 7.58.21 PM.jpeg"
align="left" height="150" width="150"><br></p>
<font face="Times New Roman" size="4"><br>
<br><br><br><br><hr>
<p>
<u><h2>Objectives</h2></u>
Participate in different activities to gain knowledge about outside world.<br>
Seeking a role in an MNC where i can upgrade my skills in marketing and financing.<br>
<hr>
<u><h2>Educational Qualifications</h2></u>
<pre>
<b>Class 10, 2020</b><br>
Percentage- 84%<br>
<b>Class 12, 2022</b><br>
Percentage- 80%<br>
<B>Undergraduation, RDIAS 2022-2025</B><br>
Course- BBA, ongoing</pre>
<hr>
<u><h2>Achievements</h2></u>
Internship in Aritificial Intelligence.<br>
Handling socail media account for a company
<hr>
<u><h2>Strengths</h2></u>
Innovative Skills<br>
Multi-tasking<br>
Teamwork<br>
Leadership Skills<br>
<hr>
<u><h2>Hobbies</h2></u>
Reading Books<br>
Listening to Music, To play<br>
<hr>
<u><h2>Personal Details</h2></u>
Name- Siddharth<br>
Gender- MALE<br>
AGE- 18<br>
Email- [email protected]
</body>
<html>

You might also like