Online Shopping System
Presented by
Student Name
Enrollment No.
1.Rakshe Ayush Yogesh
2210510028
2.Rakshe Sanskar Santosh
2210510029
3.Dagale Suraj Sharad
2210510046
4.Darekar Sidhhant Ashok
2210510058
5.Inamdar Parvej Ashpak
2210510404
Introduction to Html
HTML stands for Hyper Text Markup Language
HTML is the standard markup language for creating Web
pages
HTML describes the structure of a Web page
HTML consists of a series of elements
HTML elements tell the browser how to display the
content
HTML elements label pieces of content such as "this is a
heading", "this is a paragraph", "this is a link", etc.
Simple Html
document
Example
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Html tags
HTML uses predefined tags and elements that instruct the browser on how to
display the content. HTML elements include an opening tag, some content, and
a closing tag.
Html Elements
1. HTML elements include an opening tag, some content, and a closing tag.
Introduction to CSS
CSS stands for Cascading Style Sheets
CSS describes how HTML elements are
to be displayed on screen, paper, or in
other media
CSS saves a lot of work. It can control
the layout of multiple web pages all at
once
External stylesheets are stored in CSS
files
Use of CSS
CSS (Cascading Style Sheets) is a language designed to simplify
the process of making web pages presentable. It allows you to
apply styles to HTML documents, describing how a webpage should
look by prescribing colors, fonts, spacing, and positioning. CSS
provides developers and designers with powerful control over the
presentation of HTML elements.
Example of CSS
CSS declaration always ends
with a semicolon, and
declaration blocks are
surrounded by curly braces.
Using CSS: In this
example, we will add some
CSS styles inside the HTML
document to show how CSS
makes a HTML page
attractive and user-friendly
Ouput
Introduction to JavaScript
• JavaScript (js) is a light-weight
object-oriented programming
language which is used by several
websites for scripting the
webpages.
• It is an interpreted, full-fledged
programming language that
enables dynamic interactivity on
websites when applied to an HTML
document.
• It was introduced in the year 1995
for adding programs to the
webpages in the Netscape
Navigator browser.
Example of Javascript
Output
In this example JavaScript changes the value of the src (source) attribute of
an <img> tag
Introduction to Bootstrap
• Bootstrap is a free and open-source tool
collection for creating responsive
websites and web applications.
• It is the most popular HTML, CSS,
and JavaScript framework for
developing responsive, mobile-first
websites.
• It solves many problems which we had
once, one of which is the cross-browser
compatibility issue.
• Nowadays, the websites are perfect for
all the browsers (IE, Firefox, and
Chrome) and for all sizes of screens
(Desktop, Tablets, Phablets, and
Phones).
THANK YOU
