E-COMMERCE LAB(BBA-112)

LAB MANUAL

ON

Submitted in partial fulfillment of the requirement of Bachelor of

Business Administration (BBA)

GURU GOBIND SINGH INDRAPRASTHA UNIVERSITY, DELHI

SESSION 2022-25

Under Guidance of Submitted by

Mr. Keshav Kumar Gupta Nishant Khandelwal

(Asst. Professor) BBA-II Sem

06225501722

JIMS ENGINEERING MANAGEMENT TECHNICAL CAMPUS, 48/4

Knowledge Park III, Greater Noida- 201306 (U.P.)
 STUDENT’S UNDERTAKING

I hereby certify that this is my original work and it has never been
submitted elsewhere.

______________

NISHANT KHANDELWAL

ENROLL.NO. 06225501722
 CERTIFICATE OF COMPLETION

This is to certify that NISHANT KHANDELWAL of BBA has

completed his fie on “E-commerce” on his own.His work
is upto my satisfaction

Mr. Keshav Kumar Gupta

{Asst. Professor)
 ACKNOWLEDGEMENT

I offer my sincere thanks and humble regards to JEMTEC, Greater Noida

for imparting us very valuable professional training in BBA.

I pay my gratitude and sincere regards to Mr.Keshav Kumar Gupta, my

project Guide for giving me the cream of her knowledge.

I am thankful to Him as he has been a constant source of advice,

motivation and inspiration. I am also thankful to him for giving his
suggestions and encouragement throughout the project work.

I take the opportunity to express my gratitude and thanks to our

computer Lab staff and library staff for providing me the opportunity to
utilise their resources for the completion of the project.

I am also thankful to my family and friends for constantly motivating

me to complete the project and providing me an environment, which
enhanced my knowledge.

Date:

NISHANT KHANDELWAL

Enroll. No. 06225501722

BBA (2nd SEM)

 TABLE OF CONTENT

SR.N Introduction
O
1 Basic Structure
2 <h1> tag <p> tag <a> tag <img> tag <ul> and <li> tag
3 <div> tag <span> tag <form> tag
4 <table> tag <em> tag <strong> tag <hr> and <br> tag
5 Use of html in E commerce
6 Is html necessary
7 Html for job
8 Conclusion
9 Limitations
 Introduction

HTML (Hypertext Markup Language) is a markup language used for

creating the structure and presentation of web pages. It provides a set
of tags that define the elements and content within a web page. HTML
documents consist of a series of nested tags, forming a hierarchical
structure.

HTML tags are enclosed in angle brackets, and most tags have an
opening tag and a closing tag . The opening tag defines the start of an
element, while the closing tag indicates its end. Some tags, known as
self-closing tags, do not require a closing tag. HTML tags can be
classified into several categories: Structural Tags: These tags define the
basic structure of a web page.
BASIC STRUCTURE
<h1> H1 TO H6 TAGS </h1>

<p> This is about p tag </p>

<a> This is a Tag </a>
<Img> This is the Image element
<ul> and <li>
<div> This is for division
<span> This is to manipulate specific section of
text
<form> This is for the form
<table>is used to create table with row and
column
<em>Marks text as emphasized
<strong> It is used to indicate strong text
<hr>Tag is used for line
 USE OF HTML IN E-COMMERCE

HTML plays a crucial role in eCommerce by providing the structure and

presentation of web pages. It allows online retailers to create visually
appealing and user-friendly interfaces for their websites, making it
easier for customers to navigate, browse, and purchase products. Here
are some key uses of HTML in eCommerce:

Product Listing and Details: HTML is used to create the layout and
structure for product listing pages. Each product is typically
represented as a separate HTML element, with relevant information
such as title, image, price, and description organised in a visually
appealing manner. HTML also enables the creation of product detail
pages, where customers can find comprehensive information about a
specific product.

Navigation and Menus: HTML is used to create navigation menus, such

as the main menu, category menus, and submenus, allowing customers
to browse different sections and product categories. HTML links are
used to connect these menus to the corresponding pages, making it
easy for users to navigate through the eCommerce website.
Shopping Cart: HTML is used to design and structure the shopping cart
page, where customers can view the items they have added for
purchase, update quantities, and proceed to checkout. HTML elements
and forms are used to display product information, handle user inputs,
and interact with the shopping cart functionality.

Checkout Process: HTML is instrumental in creating the checkout pages,

including shipping address, payment options, and order review. HTML
forms are used to collect customer information, process payments, and
finalise the order.

Responsive Design: HTML enables the implementation of responsive

web design, allowing eCommerce websites to adapt and provide an
optimal browsing experience across various devices, such as desktops,
tablets, and smartphones. HTML media queries and flexible layout
techniques help in achieving a responsive and mobile-friendly design.

User Interactions: HTML supports the implementation of interactive

features in eCommerce websites. It enables the creation of forms for
user registration, login, and account management. HTML forms are also
utilised for search functionality, allowing customers to find specific
products or filter search results based on various criteria.
User Reviews and Ratings: HTML is used to display and format user-
generated content, such as product reviews and ratings. Reviews can
be structured using HTML tags and styled to improve readability and
presentation.

Overall, HTML is the foundation of eCommerce websites, providing the

structure, layout, and interactivity necessary for an engaging and
seamless shopping experience. It enables the effective presentation of
products, smooth navigation, and efficient checkout process,
contributing to the success of online retail businesses
 IS HTML NECESSARY?

Yes, HTML is necessary for building and displaying web pages. It is the
standard markup language for creating the structure and content of
web pages. Without HTML, it would be impossible to create and
present information on the internet in a structured and organised
manner.

Here are a few reasons why HTML is necessary:

Structure and Semantics: HTML provides a way to structure and

organize the content of a web page. It defines headings, paragraphs,
lists, tables, forms, and other elements that give meaning and structure
to the information being presented.

Cross-Platform Compatibility: HTML is supported by all major web

browsers and platforms, making it a universal language for creating
web pages that can be accessed by users on various devices and
operating systems.
Accessibility: HTML allows web developers to create accessible web
pages that can be properly understood and navigated by people with
disabilities. Semantic HTML elements, along with appropriate attributes
and ARIA (Accessible Rich Internet Applications) roles, contribute to
making web content more accessible to all users.

Integration with Other Technologies: HTML seamlessly integrates with

other web technologies like CSS (Cascading Style Sheets) for styling and
layout, JavaScript for interactivity and dynamic behaviour, and server-
side languages like PHP or ASP.NET for server-side processing.

SEO (Search Engine Optimization): HTML provides the necessary

structure and elements for search engine crawlers to understand and
index web content effectively. By using proper HTML tags, headings,
and metadata, web pages can be optimised for search engine visibility
and ranking.

Standardisation and Consistency: HTML is an industry-standard markup

language, ensuring consistency and compatibility across different web
browsers and platforms. It allows web developers to follow best
practices and adhere to web standards, ensuring a consistent user
experience.
In summary, HTML is essential for creating web pages, providing
structure, semantics, and compatibility necessary for displaying
information on the internet. It forms the backbone of web
development and is a fundamental skill for anyone involved in building
websites or web applications
 HTML LANGUAGE FOR JOB

Certainly! HTML is an important skill sought after in the job market,

especially for roles related to web development, front-end
development, user interface (UI) design, and content management.
Proficiency in HTML is often listed as a required or preferred
qualification for these positions.

Here are some key points regarding HTML and jobs:

Web Developer: HTML is a fundamental skill for web developers. It is

typically listed as a prerequisite along with other front-end technologies
such as CSS and JavaScript. Web developers create and maintain
websites, web applications, and other online platforms using HTML to
structure the content and ensure proper display across different
browsers and devices.

Front-End Developer: Front-end developers specialise in creating the

user-facing part of websites or applications. They use HTML, CSS, and
JavaScript to build interactive and visually appealing interfaces.
Proficiency in HTML is crucial for structuring the content and optimising
it for search engines and accessibility.
UI/UX Designer: HTML knowledge is valuable for UI/UX designers who
work on the visual and interactive aspects of websites and applications.
Understanding HTML allows them to create design prototypes,
collaborate effectively with developers, and ensure the feasibility and
usability of their designs.

Content Manager/Copywriter: HTML skills are beneficial for content

managers and copywriters, particularly when working with content
management systems (CMS). HTML knowledge allows them to format
and style content, optimise it for search engines, and ensure proper
display and formatting across different platforms.

Digital Marketer: Digital marketers can benefit from HTML proficiency

when working with email marketing campaigns, landing pages, and
content creation. Understanding HTML enables them to optimise email
templates, customise landing pages, and make minor adjustments to
web content without relying solely on developers.

Having a solid understanding of HTML, along with complementary skills

like CSS and JavaScript, can significantly enhance job prospects in the
digital industry. It demonstrates the ability to build and maintain web
content, collaborate effectively with developers, and create engaging
user experiences
 CONCLUSION

In conclusion, HTML is a fundamental and essential language for web

development, providing the structure, semantics, and presentation of
web content. It serves as the backbone of the internet, enabling the
creation of visually appealing and user-friendly websites and
applications.

Whether you're a web developer, front-end developer, UI/UX designer,

content manager, or digital marketer, proficiency in HTML is highly
valuable and often a prerequisite for job roles in these fields.

HTML allows developers and designers to organise and structure

content effectively, create intuitive navigation, optimise websites for
search engines and accessibility, and ensure cross-platform
compatibility.

It integrates seamlessly with other web technologies like CSS and

JavaScript, enabling the creation of interactive and dynamic web
experiences.
The demand for HTML skills in the job market remains strong, as the
need for web development and digital presence continues to grow.

Mastering HTML opens up opportunities for various roles and

industries, enabling professionals to build and enhance websites,
develop engaging user interfaces, manage content effectively, and
contribute to successful online businesses.

Whether you are starting your career in web development or looking to

enhance your existing skill set, investing time and effort in learning
HTML will prove to be a valuable asset in the ever-evolving digital
landscape
 LIMITATIONS

While HTML is a powerful and widely-used language for web

development, it does have certain limitations. Here are some of the
limitations of HTML:

Limited Interactivity: HTML is primarily a markup language for

structuring content, and its interactivity capabilities are limited. While
HTML provides basic form elements and supports some interactive
features through JavaScript, more complex interactions and dynamic
behaviours often require additional scripting languages or frameworks.

Design Limitations: HTML alone has limited control over the visual
appearance of web pages. While CSS (Cascading Style Sheets) can be
used to style HTML elements, advanced design features such as
complex layouts, animations, and custom graphical effects may require
additional technologies or CSS frameworks.

Lack of Data Manipulation: HTML is primarily concerned with the

presentation of content and does not provide built-in capabilities for
data manipulation or complex data processing. Server-side languages,
databases, or client-side scripting languages like JavaScript are typically
used to handle data manipulation tasks.
Limited Offline Capabilities: HTML is designed for online content
presentation and relies on an internet connection to retrieve external
resources, such as stylesheets, scripts, and images. While HTML5
introduced some offline storage capabilities through the use of web
storage and caching mechanisms, full offline functionality may require
additional technologies or frameworks.

Browser Compatibility Issues: Different web browsers may interpret

HTML code slightly differently, leading to inconsistencies in rendering
and functionality. Developers often need to test and ensure cross-
browser compatibility, which can add complexity and require additional
efforts to address browser-specific issues.

Accessibility Challenges: While HTML provides semantic elements and

attributes to enhance accessibility, ensuring full accessibility
compliance requires attention to additional considerations, such as
ARIA (Accessible Rich Internet Applications) attributes, proper labelling
of form elements, and proper use of headings and landmarks.

SEO Limitations: While HTML provides the necessary structure for

search engine optimization (SEO), achieving optimal search engine
rankings requires additional considerations, such as keyword
optimization, metadata, proper use of headings, and quality content.
Despite these limitations, HTML remains the foundation of the web and
serves as a crucial building block for creating web pages. It works in
conjunction with other technologies, frameworks, and languages to
overcome these limitations and create dynamic, interactive, and
visually appealing web experiences