SlideShare a Scribd company logo
Introduction to web design discussing which languages is used for website designing
2
 Web design is referred to presenting the
content on web browsers
 A web page contain some information’s
which are rendered through markup
languages like:- HTML
 HTML is the most important element in
web site deign . Because HTML render
our contents on the web browser’s
Languages for
web design
 There are several kinds of
languages using for web designing
Some of those are :-
 Html
 CSS
Introduction to web design discussing which languages is used for website designing
HTML( Hyper text
markup language)
 HTML is most useful language in web
design. It is use to render the content on
web browser
 HTML stands for “hyper text markup
language” in which hyper text refers to a
text which has a link for another page or
content and markup means to structure
of contents on web page
Introduction to web design discussing which languages is used for website designing
Html Elements
There are two types of elements in html
 Block level elements
A block level element contains the
full width oaf an web page and start
with new line.
 Inline elements
An inline element contain
space only where they exist in
the page.
Introduction to web design discussing which languages is used for website designing
Tables in HTML
 The HTML tables allow web
authors to arrange data like
text, images, links, other tables,
etc. into rows and columns of
cells. The HTML tables are
created using the <table> tag in
which the <tr> tag is used to
create table rows and <td> tag
is used to create data cells.
Introduction to web design discussing which languages is used for website designing
Html forms
 A html form contains form
elements . Forms are
basically use to submit
user’s data on the database
by using some methods
“GET” and “POST”
Introduction to web design discussing which languages is used for website designing
Tags of HTML
 HTML tags are the hidden keywords
within a web page that define how
your web browser must format and
display the content. Most tags must
have two parts, an opening and a
closing part. For example, <html> is
the opening tag and </html> is the
closing tag.
Introduction to web design discussing which languages is used for website designing
“
CSS (Cascading
Stylesheet)
 CSS stands for cascading style
sheet . CSS is use to style the
simple HTML contents like
font-style, color, back-ground-
color, positioning of a element
and much more thing that we
ca do with CSS
Introduction to web design discussing which languages is used for website designing
Types of stylesheet
 Inline stylesheet
An inline stylesheet are declare in
the opening tag of the specific
element.
 Internal stylesheet
An internal stylesheet is declare
within the HTML document
<head> section between
<style></tag>
 External stylesheet
External stylesheet are some text
file whose are saves by the
extension name “style.css”
external style is most useable then
any of them.
There are three types of
stylesheet in CSS
Introduction to web design discussing which languages is used for website designing
CSS selectors
 A CSS selector is the part of
a CSS rule set that actually
selects the content you want to
style. Let's look at all the different
kinds of selectors available, with a
brief description of each.
22
CSS background
property
 The background property is use to
set the background-color of a web
content like background-color,
background-image background-
attachment , background-position.
Introduction to web design discussing which languages is used for website designing
CSS images
 Images are the important
content of any web site.
 CSS makes it easy to control
for display images in our web
page.
Introduction to web design discussing which languages is used for website designing
CSS links
 CSS provides the freedom to
create styled links in many ways.
 There are four states of links:-
 a:link (link have URL of other page)
 a:active (user currently on the link)
 a:hover (move mouse curser over the link)
 a:visited (user has visited the link)
Introduction to web design discussing which languages is used for website designing
CSS position
 Position property allow the
element to alien the
content anywhere in the
website from top , bottom
,left ,right, center
Introduction to web design discussing which languages is used for website designing
www.Maansoftwares.com

More Related Content

What's hot (20)

PPTX
Css introduction
AbhishekMondal42
 
PPTX
Introduction to CSS
Folasade Adedeji
 
PDF
Html / CSS Presentation
Shawn Calvert
 
PPT
Boostrap basics
JTechTown
 
PDF
HTML & CSS Masterclass
Bernardo Raposo
 
PDF
HTML CSS Basics
Mai Moustafa
 
PDF
Frontend Crash Course: HTML and CSS
Thinkful
 
PPTX
Html css java script basics All about you need
Dipen Parmar
 
PPTX
Introduction to html course digital markerters
SEO SKills
 
PDF
3 Layers of the Web - Part 1
Jeremy White
 
PDF
Intro to HTML and CSS basics
Eliran Eliassy
 
PPTX
Web development using HTML and CSS
SiddhantSingh980217
 
PPTX
Css
Hemant Saini
 
PDF
HTML/CSS Crash Course (april 4 2017)
Daniel Friedman
 
PDF
HTML and CSS crash course!
Ana Cidre
 
PPTX
Cascading style sheet
Michael Jhon
 
PPT
Span and Div tags in HTML
Biswadip Goswami
 
PDF
CSS Foundations, pt 1
Shawn Calvert
 
Css introduction
AbhishekMondal42
 
Introduction to CSS
Folasade Adedeji
 
Html / CSS Presentation
Shawn Calvert
 
Boostrap basics
JTechTown
 
HTML & CSS Masterclass
Bernardo Raposo
 
HTML CSS Basics
Mai Moustafa
 
Frontend Crash Course: HTML and CSS
Thinkful
 
Html css java script basics All about you need
Dipen Parmar
 
Introduction to html course digital markerters
SEO SKills
 
3 Layers of the Web - Part 1
Jeremy White
 
Intro to HTML and CSS basics
Eliran Eliassy
 
Web development using HTML and CSS
SiddhantSingh980217
 
HTML/CSS Crash Course (april 4 2017)
Daniel Friedman
 
HTML and CSS crash course!
Ana Cidre
 
Cascading style sheet
Michael Jhon
 
Span and Div tags in HTML
Biswadip Goswami
 
CSS Foundations, pt 1
Shawn Calvert
 

Similar to Introduction to web design discussing which languages is used for website designing (20)

PPT
Supplement web design
shelly3160
 
PPTX
1812010023 web developement(ANKITA OJHA)CSE4(A).pptx
HarshJaiswal535013
 
PPTX
An Overview of HTML, CSS & Java Script
Fahim Abdullah
 
PPTX
Web Development basics with WordPress
Rashna Maharjan
 
PDF
Training report on web developing
Jawhar Ali
 
PDF
Intro to web dev
kamar MEDDAH
 
PPTX
Html, css and jquery introduction
cncwebworld
 
PDF
Html & Html5 from scratch
Ahmad Al-ammar
 
PPTX
Web development it slideWeb development it slidemy web development slide-...
AliyuUmarIsa
 
PPTX
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
jatin batra
 
PPT
Introduction to Web Technology and Web Page Development
BhargaviDalal4
 
PPTX
Shreyansh_patni web developer
Shreyanshpatni5
 
PPT
Introduction to web development
Muhammad Shafiq
 
PPT
HTML_JavaScript_Malaysia_2008 (2).ppt
Dianajeon3
 
PDF
INTERNSHIP PROJECT PPT RAJ HZL.pdf
DineshKumar522328
 
PPT
intro_HTML_CSS_preso with full details.ppt
katariraju12
 
PPT
introduction to_HTML_CSS_presentationpreso.ppt
DAVIDMACHARIA26
 
PPTX
Internet and Web Technology (CLASS-3) [HTML & CSS]
Ayes Chinmay
 
PPTX
9781285852645_CH01 research and analysis of data.pptx
clement swarnappa
 
Supplement web design
shelly3160
 
1812010023 web developement(ANKITA OJHA)CSE4(A).pptx
HarshJaiswal535013
 
An Overview of HTML, CSS & Java Script
Fahim Abdullah
 
Web Development basics with WordPress
Rashna Maharjan
 
Training report on web developing
Jawhar Ali
 
Intro to web dev
kamar MEDDAH
 
Html, css and jquery introduction
cncwebworld
 
Html & Html5 from scratch
Ahmad Al-ammar
 
Web development it slideWeb development it slidemy web development slide-...
AliyuUmarIsa
 
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
jatin batra
 
Introduction to Web Technology and Web Page Development
BhargaviDalal4
 
Shreyansh_patni web developer
Shreyanshpatni5
 
Introduction to web development
Muhammad Shafiq
 
HTML_JavaScript_Malaysia_2008 (2).ppt
Dianajeon3
 
INTERNSHIP PROJECT PPT RAJ HZL.pdf
DineshKumar522328
 
intro_HTML_CSS_preso with full details.ppt
katariraju12
 
introduction to_HTML_CSS_presentationpreso.ppt
DAVIDMACHARIA26
 
Internet and Web Technology (CLASS-3) [HTML & CSS]
Ayes Chinmay
 
9781285852645_CH01 research and analysis of data.pptx
clement swarnappa
 
Ad

Recently uploaded (20)

PDF
POV_ Why Enterprises Need to Find Value in ZERO.pdf
darshakparmar
 
PPTX
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
DOCX
Cryptography Quiz: test your knowledge of this important security concept.
Rajni Bhardwaj Grover
 
PPTX
Building Search Using OpenSearch: Limitations and Workarounds
Sease
 
PDF
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
 
PPTX
Q2 FY26 Tableau User Group Leader Quarterly Call
lward7
 
PPTX
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
 
PDF
DevBcn - Building 10x Organizations Using Modern Productivity Metrics
Justin Reock
 
PDF
The Rise of AI and IoT in Mobile App Tech.pdf
IMG Global Infotech
 
PDF
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
PPTX
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 
PDF
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
PDF
Newgen 2022-Forrester Newgen TEI_13 05 2022-The-Total-Economic-Impact-Newgen-...
darshakparmar
 
PPTX
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
PDF
Transcript: New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
PPTX
Future Tech Innovations 2025 – A TechLists Insight
TechLists
 
PDF
Transforming Utility Networks: Large-scale Data Migrations with FME
Safe Software
 
PDF
Bitcoin for Millennials podcast with Bram, Power Laws of Bitcoin
Stephen Perrenod
 
PDF
Staying Human in a Machine- Accelerated World
Catalin Jora
 
PDF
Go Concurrency Real-World Patterns, Pitfalls, and Playground Battles.pdf
Emily Achieng
 
POV_ Why Enterprises Need to Find Value in ZERO.pdf
darshakparmar
 
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
Cryptography Quiz: test your knowledge of this important security concept.
Rajni Bhardwaj Grover
 
Building Search Using OpenSearch: Limitations and Workarounds
Sease
 
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
 
Q2 FY26 Tableau User Group Leader Quarterly Call
lward7
 
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
 
DevBcn - Building 10x Organizations Using Modern Productivity Metrics
Justin Reock
 
The Rise of AI and IoT in Mobile App Tech.pdf
IMG Global Infotech
 
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
Newgen 2022-Forrester Newgen TEI_13 05 2022-The-Total-Economic-Impact-Newgen-...
darshakparmar
 
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
Transcript: New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
Future Tech Innovations 2025 – A TechLists Insight
TechLists
 
Transforming Utility Networks: Large-scale Data Migrations with FME
Safe Software
 
Bitcoin for Millennials podcast with Bram, Power Laws of Bitcoin
Stephen Perrenod
 
Staying Human in a Machine- Accelerated World
Catalin Jora
 
Go Concurrency Real-World Patterns, Pitfalls, and Playground Battles.pdf
Emily Achieng
 
Ad

Introduction to web design discussing which languages is used for website designing

  • 2. 2
  • 3.  Web design is referred to presenting the content on web browsers  A web page contain some information’s which are rendered through markup languages like:- HTML  HTML is the most important element in web site deign . Because HTML render our contents on the web browser’s
  • 4. Languages for web design  There are several kinds of languages using for web designing Some of those are :-  Html  CSS
  • 6. HTML( Hyper text markup language)  HTML is most useful language in web design. It is use to render the content on web browser  HTML stands for “hyper text markup language” in which hyper text refers to a text which has a link for another page or content and markup means to structure of contents on web page
  • 8. Html Elements There are two types of elements in html  Block level elements A block level element contains the full width oaf an web page and start with new line.  Inline elements An inline element contain space only where they exist in the page.
  • 10. Tables in HTML  The HTML tables allow web authors to arrange data like text, images, links, other tables, etc. into rows and columns of cells. The HTML tables are created using the <table> tag in which the <tr> tag is used to create table rows and <td> tag is used to create data cells.
  • 12. Html forms  A html form contains form elements . Forms are basically use to submit user’s data on the database by using some methods “GET” and “POST”
  • 14. Tags of HTML  HTML tags are the hidden keywords within a web page that define how your web browser must format and display the content. Most tags must have two parts, an opening and a closing part. For example, <html> is the opening tag and </html> is the closing tag.
  • 16.
  • 17. CSS (Cascading Stylesheet)  CSS stands for cascading style sheet . CSS is use to style the simple HTML contents like font-style, color, back-ground- color, positioning of a element and much more thing that we ca do with CSS
  • 19. Types of stylesheet  Inline stylesheet An inline stylesheet are declare in the opening tag of the specific element.  Internal stylesheet An internal stylesheet is declare within the HTML document <head> section between <style></tag>  External stylesheet External stylesheet are some text file whose are saves by the extension name “style.css” external style is most useable then any of them. There are three types of stylesheet in CSS
  • 21. CSS selectors  A CSS selector is the part of a CSS rule set that actually selects the content you want to style. Let's look at all the different kinds of selectors available, with a brief description of each.
  • 22. 22
  • 23. CSS background property  The background property is use to set the background-color of a web content like background-color, background-image background- attachment , background-position.
  • 25. CSS images  Images are the important content of any web site.  CSS makes it easy to control for display images in our web page.
  • 27. CSS links  CSS provides the freedom to create styled links in many ways.  There are four states of links:-  a:link (link have URL of other page)  a:active (user currently on the link)  a:hover (move mouse curser over the link)  a:visited (user has visited the link)
  • 29. CSS position  Position property allow the element to alien the content anywhere in the website from top , bottom ,left ,right, center