SlideShare a Scribd company logo
5
Most read
6
Most read
11
Most read
• HTML is used to create web documents including text,
images, formatting, and hyperlinks to other documents.
• HTML documents consists of text and ‘markup’ tags
which are used to define the structure, appearance, and
function of the information.
• There are two types of markup tags:
• Container tags – Define a section of text using a start tag and an
end tag. For example, text placed inside of these tags would
appear in bold:
<B>Hello</B>
• Empty tags – represent a single occurrence of an instruction.
For example, the <BR> or break tag is used to indicate that you
want to include a single space following the text.
• Any text editor can be used to create HTML documents.
• The most commonly used text editors are:
• Notepad (Windows)
• Notepad++ (Windows)
• WordPad (Windows)
• NetBeans IDE (Windows)
• What You See is What You Get (WYSIWYG)
authoring tools provide graphical user interfaces
to simplify the creation of HTML documents.
• Examples of WYSIWYG authoring tools are:
• FrontPage by Microsoft
• Dreamweaver by Macromedia
• PageMill by Adobe
• An HTML document is divided into two main sections:
• Heading - The HEADing contains information describing
the document, such as its title. The heading section is
indicated by the <HEAD> and </HEAD> tags.
• Body - The BODY section is where the Web document
text, graphics, and other elements are placed. The body
section is indicated by the <BODY> and </BODY> tags.
<HTML>
<HEAD>
<TITLE>Geeet.in Bollywood & Punjabi</TITLE>
</HEAD>
<BODY>This is the part of the Web page that viewers
would see!</BODY>
</HTML>
What is CSS?
CSS stands for Cascading
Style Sheet. Typical CSS file
is a text file with an
extention.css and contains a
series of commands or rules.
These rules tell the
HTML how to display.
*To create a style sheet, create a file
using Notepad (PC) or Text Edit
(Mac), save it as a .css document and
start writing the CSS code (see right).
/* Styles for
geeet.in*/
body {
font-family:Arial;
background: #000;
}
#container {
text-align:left;
width:1020px;
}
#header {
height:232px;
}
And so On…
Style.css
• A CSS RULE is made up of a selector and a declaration.
A declaration consists of property and value.
• selector {property: value;}
A selector, here in green, is often an element of HTML.
body { property: value; }
h1 { property: value; }
.class { property: value; }
p { property: value; }
declaration
• PHP (Hypertext Pre-Processor) is a server-side web
programming language that is widely used for web
development.
• PHP language has its roots in C and C++.
• PHP syntax is most similar to C and C++ language
syntax. So, programmers find it easy to learn and
manipulate.
• PHP can run on both UNIX and Windows servers.
• PHP supports many databases (MySQL, Oracle etc.)
• MySQL is currently the most popular open source
database server in existence.
• On top of that, it is very commonly used in conjunction
with PHP scripts to create powerful and dynamic server-
side applications
• MySQL is a relational database system. If you can
believe many diehard MySQL fans, MySQL is faster,
more reliable, and cheaper.
• SELECT - extracts data from a database
• UPDATE - updates data in a database
• DELETE - deletes data from a database
• INSERT INTO - inserts new data into a database
• CREATE DATABASE - creates a new database
• ALTER DATABASE - modifies a database
• CREATE TABLE - creates a new table
• ALTER TABLE - modifies a table
• DROP TABLE - deletes a table
• Technology Used
• Frontend:-HTML, CSS, PHP
• Backend:- My SQL
• Framework:- NetBeans IDE 7.2
• System Requirements
• Minimum RAM:- 1 GB
• Hard Disk:- 160 GB
• Processor:- Intel Core2 Duo
• Operating System:- Windows 7, Windows 8,Windows 10
conti…
• Software Specifications
• Technology Implemented : Apache Server
• Languages Used : PHP
• Database : My SQL
• User Interface Design : HTML, CSS
• Web Browser : Google Chrome, Firefox
• Software : WAMP Server 2.2
Html and css presentation
A
nil
K
u
m
ar
(
A
nil
K
u
m
ar
(
http://Geeet.in/Punjabi.php
A
nil
K
u
m
ar
(
A
nil
K
u
m
ar
(
A
nil
K
u
m
ar
(
A
nil
K
u
m
ar
(

More Related Content

What's hot (20)

PDF
Intro to HTML and CSS basics
Eliran Eliassy
 
PPT
Css Ppt
Hema Prasanth
 
PPT
Cascading Style Sheets (CSS) help
casestudyhelp
 
PPT
Introduction to Cascading Style Sheets (CSS)
Chris Poteet
 
PPTX
Complete Lecture on Css presentation
Salman Memon
 
PPT
Introduction to JavaScript (1).ppt
MuhammadRehan856177
 
PPTX
Html and css
Sukrit Gupta
 
PDF
Introduction to CSS3
Doris Chen
 
PPTX
presentation in html,css,javascript
FaysalAhammed5
 
PDF
CSS framework By Palash
PalashBajpai
 
PDF
jQuery for beginners
Arulmurugan Rajaraman
 
PDF
CSS Grid
Digital Surgeons
 
PPTX
Html, CSS & Web Designing
Leslie Steele
 
PPTX
Html ppt
santosh lamba
 
PPTX
Css ppt
Nidhi mishra
 
PPT
How Cascading Style Sheets (CSS) Works
Amit Tyagi
 
PPTX
Html
yugank_gupta
 
Intro to HTML and CSS basics
Eliran Eliassy
 
Css Ppt
Hema Prasanth
 
Cascading Style Sheets (CSS) help
casestudyhelp
 
Introduction to Cascading Style Sheets (CSS)
Chris Poteet
 
Complete Lecture on Css presentation
Salman Memon
 
Introduction to JavaScript (1).ppt
MuhammadRehan856177
 
Html and css
Sukrit Gupta
 
Introduction to CSS3
Doris Chen
 
presentation in html,css,javascript
FaysalAhammed5
 
CSS framework By Palash
PalashBajpai
 
jQuery for beginners
Arulmurugan Rajaraman
 
Html, CSS & Web Designing
Leslie Steele
 
Html ppt
santosh lamba
 
Css ppt
Nidhi mishra
 
How Cascading Style Sheets (CSS) Works
Amit Tyagi
 

Viewers also liked (17)

PPSX
Steph's Html5 and css presentation
stephy123123
 
PDF
ATOMIC STRUCTURE
mushkaziz02
 
PPTX
Internet Safety For Parents v3
MrAColley
 
PPT
Html & Css presentation
joilrahat
 
PPT
CSS for Beginners
Amit Kumar Singh
 
PPT
Introduction to CSS
Amit Tyagi
 
PDF
Reveal.js
Hakim El Hattab
 
PPSX
Introduction to Html5
www.netgains.org
 
PPT
CSS ppt
Sanmuga Nathan
 
PPT
cascading style sheet ppt
abhilashagupta
 
PPTX
html5.ppt
Niharika Gupta
 
KEY
HTML presentation for beginners
jeroenvdmeer
 
PDF
reveal.js 3.0.0
Hakim El Hattab
 
KEY
HTML/CSS Lecture 1
Lee Lundrigan
 
PDF
HTML Lecture Part 1 of 2
Sharon Wasden
 
PPT
Introduction to html
vikasgaur31
 
PPT
Html Ppt
vijayanit
 
Steph's Html5 and css presentation
stephy123123
 
ATOMIC STRUCTURE
mushkaziz02
 
Internet Safety For Parents v3
MrAColley
 
Html & Css presentation
joilrahat
 
CSS for Beginners
Amit Kumar Singh
 
Introduction to CSS
Amit Tyagi
 
Reveal.js
Hakim El Hattab
 
Introduction to Html5
www.netgains.org
 
cascading style sheet ppt
abhilashagupta
 
html5.ppt
Niharika Gupta
 
HTML presentation for beginners
jeroenvdmeer
 
reveal.js 3.0.0
Hakim El Hattab
 
HTML/CSS Lecture 1
Lee Lundrigan
 
HTML Lecture Part 1 of 2
Sharon Wasden
 
Introduction to html
vikasgaur31
 
Html Ppt
vijayanit
 
Ad

Similar to Html and css presentation (20)

PPTX
html & css
umesh patil
 
PPTX
Music Downloading Website (HTML,CSS,PHP Presentation)
Anil Kumar
 
PPTX
E-Commerce and Web Designing BCOM second year 3rd semester students
ధావన్ కుమార్
 
PPTX
Php
Saket Shukla
 
PPTX
C language
omprakash810
 
PDF
C language
omprakash810
 
PDF
C language
omprakash810
 
PPTX
C language
omprakash810
 
PDF
C language
omprakash810
 
PPTX
WEB DEVELOPMENT
Gourav Kaushik
 
PPT
Hyper Text markup language web designdesign
ReshmiGopinath4
 
PPTX
Fundamental of Web Development Tutorials by PINFO Technologies.pptx
umoren
 
PDF
Industrial training report
Akash Kr Sinha
 
DOCX
MINOR PROZECT REPORT on WINDOWS SERVER
Asish Verma
 
PPTX
Web development it slideWeb development it slidemy web development slide-...
AliyuUmarIsa
 
PPTX
mst_unit1.pptx
michaelaaron25322
 
PDF
shobhit training report (3) (4).pdf report
poojaranga2911
 
PDF
Web Design & Development Courses in Pune | 3DOT Technologies
abeda786
 
PPTX
janhwi Singh 48 rollno web development.pptx
HarshJaiswal535013
 
html & css
umesh patil
 
Music Downloading Website (HTML,CSS,PHP Presentation)
Anil Kumar
 
E-Commerce and Web Designing BCOM second year 3rd semester students
ధావన్ కుమార్
 
C language
omprakash810
 
C language
omprakash810
 
C language
omprakash810
 
C language
omprakash810
 
C language
omprakash810
 
WEB DEVELOPMENT
Gourav Kaushik
 
Hyper Text markup language web designdesign
ReshmiGopinath4
 
Fundamental of Web Development Tutorials by PINFO Technologies.pptx
umoren
 
Industrial training report
Akash Kr Sinha
 
MINOR PROZECT REPORT on WINDOWS SERVER
Asish Verma
 
Web development it slideWeb development it slidemy web development slide-...
AliyuUmarIsa
 
mst_unit1.pptx
michaelaaron25322
 
shobhit training report (3) (4).pdf report
poojaranga2911
 
Web Design & Development Courses in Pune | 3DOT Technologies
abeda786
 
janhwi Singh 48 rollno web development.pptx
HarshJaiswal535013
 
Ad

More from umesh patil (20)

PPTX
Ccna security
umesh patil
 
PPTX
Array in c language
umesh patil
 
PPTX
Array in c language
umesh patil
 
PPTX
Jquery Preparation
umesh patil
 
PPTX
Cloud computing
umesh patil
 
PPT
Static and dynamic polymorphism
umesh patil
 
PPTX
Introduction to asp .net
umesh patil
 
PPTX
C language
umesh patil
 
PPTX
Html Presentation
umesh patil
 
PPTX
Cloud computing
umesh patil
 
PPT
Oops and c fundamentals
umesh patil
 
PPT
Java script
umesh patil
 
PPTX
Function in c program
umesh patil
 
PPTX
css and wordpress
umesh patil
 
PPTX
css and wordpress
umesh patil
 
PPTX
Php vs asp
umesh patil
 
PPTX
Ccna security
umesh patil
 
PPT
Cloud computing
umesh patil
 
PPTX
Cloud computing
umesh patil
 
PPS
C language
umesh patil
 
Ccna security
umesh patil
 
Array in c language
umesh patil
 
Array in c language
umesh patil
 
Jquery Preparation
umesh patil
 
Cloud computing
umesh patil
 
Static and dynamic polymorphism
umesh patil
 
Introduction to asp .net
umesh patil
 
C language
umesh patil
 
Html Presentation
umesh patil
 
Cloud computing
umesh patil
 
Oops and c fundamentals
umesh patil
 
Java script
umesh patil
 
Function in c program
umesh patil
 
css and wordpress
umesh patil
 
css and wordpress
umesh patil
 
Php vs asp
umesh patil
 
Ccna security
umesh patil
 
Cloud computing
umesh patil
 
Cloud computing
umesh patil
 
C language
umesh patil
 

Recently uploaded (20)

PPTX
How to Create a PDF Report in Odoo 18 - Odoo Slides
Celine George
 
PPTX
PPT-Q1-WEEK-3-SCIENCE-ERevised Matatag Grade 3.pptx
reijhongidayawan02
 
PPT
Talk on Critical Theory, Part II, Philosophy of Social Sciences
Soraj Hongladarom
 
PPTX
How to Convert an Opportunity into a Quotation in Odoo 18 CRM
Celine George
 
PPTX
Post Dated Cheque(PDC) Management in Odoo 18
Celine George
 
PDF
Aprendendo Arquitetura Framework Salesforce - Dia 03
Mauricio Alexandre Silva
 
PDF
The Constitution Review Committee (CRC) has released an updated schedule for ...
nservice241
 
PDF
Knee Extensor Mechanism Injuries - Orthopedic Radiologic Imaging
Sean M. Fox
 
PDF
Characteristics, Strengths and Weaknesses of Quantitative Research.pdf
Thelma Villaflores
 
PPTX
STAFF DEVELOPMENT AND WELFARE: MANAGEMENT
PRADEEP ABOTHU
 
PPTX
PATIENT ASSIGNMENTS AND NURSING CARE RESPONSIBILITIES.pptx
PRADEEP ABOTHU
 
PDF
Geographical diversity of India short notes by sandeep swamy
Sandeep Swamy
 
PPTX
grade 5 lesson matatag ENGLISH 5_Q1_PPT_WEEK4.pptx
SireQuinn
 
PPTX
care of patient with elimination needs.pptx
Rekhanjali Gupta
 
PDF
Dimensions of Societal Planning in Commonism
StefanMz
 
PDF
Stokey: A Jewish Village by Rachel Kolsky
History of Stoke Newington
 
PDF
Mahidol_Change_Agent_Note_2025-06-27-29_MUSEF
Tassanee Lerksuthirat
 
PPTX
Neurodivergent Friendly Schools - Slides from training session
Pooky Knightsmith
 
PPTX
HUMAN RESOURCE MANAGEMENT: RECRUITMENT, SELECTION, PLACEMENT, DEPLOYMENT, TRA...
PRADEEP ABOTHU
 
PPTX
How to Configure Re-Ordering From Portal in Odoo 18 Website
Celine George
 
How to Create a PDF Report in Odoo 18 - Odoo Slides
Celine George
 
PPT-Q1-WEEK-3-SCIENCE-ERevised Matatag Grade 3.pptx
reijhongidayawan02
 
Talk on Critical Theory, Part II, Philosophy of Social Sciences
Soraj Hongladarom
 
How to Convert an Opportunity into a Quotation in Odoo 18 CRM
Celine George
 
Post Dated Cheque(PDC) Management in Odoo 18
Celine George
 
Aprendendo Arquitetura Framework Salesforce - Dia 03
Mauricio Alexandre Silva
 
The Constitution Review Committee (CRC) has released an updated schedule for ...
nservice241
 
Knee Extensor Mechanism Injuries - Orthopedic Radiologic Imaging
Sean M. Fox
 
Characteristics, Strengths and Weaknesses of Quantitative Research.pdf
Thelma Villaflores
 
STAFF DEVELOPMENT AND WELFARE: MANAGEMENT
PRADEEP ABOTHU
 
PATIENT ASSIGNMENTS AND NURSING CARE RESPONSIBILITIES.pptx
PRADEEP ABOTHU
 
Geographical diversity of India short notes by sandeep swamy
Sandeep Swamy
 
grade 5 lesson matatag ENGLISH 5_Q1_PPT_WEEK4.pptx
SireQuinn
 
care of patient with elimination needs.pptx
Rekhanjali Gupta
 
Dimensions of Societal Planning in Commonism
StefanMz
 
Stokey: A Jewish Village by Rachel Kolsky
History of Stoke Newington
 
Mahidol_Change_Agent_Note_2025-06-27-29_MUSEF
Tassanee Lerksuthirat
 
Neurodivergent Friendly Schools - Slides from training session
Pooky Knightsmith
 
HUMAN RESOURCE MANAGEMENT: RECRUITMENT, SELECTION, PLACEMENT, DEPLOYMENT, TRA...
PRADEEP ABOTHU
 
How to Configure Re-Ordering From Portal in Odoo 18 Website
Celine George
 

Html and css presentation

  • 1. • HTML is used to create web documents including text, images, formatting, and hyperlinks to other documents. • HTML documents consists of text and ‘markup’ tags which are used to define the structure, appearance, and function of the information. • There are two types of markup tags: • Container tags – Define a section of text using a start tag and an end tag. For example, text placed inside of these tags would appear in bold: <B>Hello</B> • Empty tags – represent a single occurrence of an instruction. For example, the <BR> or break tag is used to indicate that you want to include a single space following the text.
  • 2. • Any text editor can be used to create HTML documents. • The most commonly used text editors are: • Notepad (Windows) • Notepad++ (Windows) • WordPad (Windows) • NetBeans IDE (Windows)
  • 3. • What You See is What You Get (WYSIWYG) authoring tools provide graphical user interfaces to simplify the creation of HTML documents. • Examples of WYSIWYG authoring tools are: • FrontPage by Microsoft • Dreamweaver by Macromedia • PageMill by Adobe
  • 4. • An HTML document is divided into two main sections: • Heading - The HEADing contains information describing the document, such as its title. The heading section is indicated by the <HEAD> and </HEAD> tags. • Body - The BODY section is where the Web document text, graphics, and other elements are placed. The body section is indicated by the <BODY> and </BODY> tags.
  • 5. <HTML> <HEAD> <TITLE>Geeet.in Bollywood & Punjabi</TITLE> </HEAD> <BODY>This is the part of the Web page that viewers would see!</BODY> </HTML>
  • 6. What is CSS? CSS stands for Cascading Style Sheet. Typical CSS file is a text file with an extention.css and contains a series of commands or rules. These rules tell the HTML how to display. *To create a style sheet, create a file using Notepad (PC) or Text Edit (Mac), save it as a .css document and start writing the CSS code (see right). /* Styles for geeet.in*/ body { font-family:Arial; background: #000; } #container { text-align:left; width:1020px; } #header { height:232px; } And so On… Style.css
  • 7. • A CSS RULE is made up of a selector and a declaration. A declaration consists of property and value. • selector {property: value;} A selector, here in green, is often an element of HTML. body { property: value; } h1 { property: value; } .class { property: value; } p { property: value; } declaration
  • 8. • PHP (Hypertext Pre-Processor) is a server-side web programming language that is widely used for web development. • PHP language has its roots in C and C++. • PHP syntax is most similar to C and C++ language syntax. So, programmers find it easy to learn and manipulate. • PHP can run on both UNIX and Windows servers. • PHP supports many databases (MySQL, Oracle etc.)
  • 9. • MySQL is currently the most popular open source database server in existence. • On top of that, it is very commonly used in conjunction with PHP scripts to create powerful and dynamic server- side applications • MySQL is a relational database system. If you can believe many diehard MySQL fans, MySQL is faster, more reliable, and cheaper.
  • 10. • SELECT - extracts data from a database • UPDATE - updates data in a database • DELETE - deletes data from a database • INSERT INTO - inserts new data into a database • CREATE DATABASE - creates a new database • ALTER DATABASE - modifies a database • CREATE TABLE - creates a new table • ALTER TABLE - modifies a table • DROP TABLE - deletes a table
  • 11. • Technology Used • Frontend:-HTML, CSS, PHP • Backend:- My SQL • Framework:- NetBeans IDE 7.2 • System Requirements • Minimum RAM:- 1 GB • Hard Disk:- 160 GB • Processor:- Intel Core2 Duo • Operating System:- Windows 7, Windows 8,Windows 10 conti…
  • 12. • Software Specifications • Technology Implemented : Apache Server • Languages Used : PHP • Database : My SQL • User Interface Design : HTML, CSS • Web Browser : Google Chrome, Firefox • Software : WAMP Server 2.2