SlideShare a Scribd company logo
4
Most read
6
Most read
19
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

PPT
HTML & CSS.ppt
ODP
CSS Basics
PPTX
Html n CSS
PPTX
Css ppt
PPT
How Cascading Style Sheets (CSS) Works
PPT
Advanced Cascading Style Sheets
PPTX
Cascading style sheet
PPTX
Html, CSS & Web Designing
HTML & CSS.ppt
CSS Basics
Html n CSS
Css ppt
How Cascading Style Sheets (CSS) Works
Advanced Cascading Style Sheets
Cascading style sheet
Html, CSS & Web Designing

What's hot (20)

PDF
Intro to HTML and CSS basics
PPT
Introduction to CSS
PPTX
HTML Forms
PPTX
PPTX
HTML (Web) basics for a beginner
PDF
Introduction to HTML and CSS
PPT
Javascript
PPT
Introduction to html
PDF
Bootstrap 5 basic
PPTX
html-table
PDF
Html table tags
PDF
CSS Positioning Elements.pdf
PPT
Web Development using HTML & CSS
PDF
HTML CSS Basics
PPTX
PPTX
Bootstrap 5 ppt
PDF
Html / CSS Presentation
Intro to HTML and CSS basics
Introduction to CSS
HTML Forms
HTML (Web) basics for a beginner
Introduction to HTML and CSS
Javascript
Introduction to html
Bootstrap 5 basic
html-table
Html table tags
CSS Positioning Elements.pdf
Web Development using HTML & CSS
HTML CSS Basics
Bootstrap 5 ppt
Html / CSS Presentation
Ad

Viewers also liked (17)

PPSX
Steph's Html5 and css presentation
PDF
ATOMIC STRUCTURE
PPTX
Internet Safety For Parents v3
PPT
Html & Css presentation
PPT
Css Ppt
PPT
CSS for Beginners
PPT
Introduction to Cascading Style Sheets (CSS)
PDF
Reveal.js
PPSX
Introduction to Html5
PPT
PPT
cascading style sheet ppt
PPTX
html5.ppt
KEY
HTML presentation for beginners
PDF
reveal.js 3.0.0
KEY
HTML/CSS Lecture 1
PDF
HTML Lecture Part 1 of 2
PPT
Html Ppt
Steph's Html5 and css presentation
ATOMIC STRUCTURE
Internet Safety For Parents v3
Html & Css presentation
Css Ppt
CSS for Beginners
Introduction to Cascading Style Sheets (CSS)
Reveal.js
Introduction to Html5
cascading style sheet ppt
html5.ppt
HTML presentation for beginners
reveal.js 3.0.0
HTML/CSS Lecture 1
HTML Lecture Part 1 of 2
Html Ppt
Ad

Similar to Html and css presentation (20)

PPTX
html & css
PPTX
Music Downloading Website (HTML,CSS,PHP Presentation)
PPTX
E-Commerce and Web Designing BCOM second year 3rd semester students
PPTX
PPTX
C language
PDF
C language
PDF
C language
PPTX
C language
PDF
C language
PPTX
WEB DEVELOPMENT
PPT
Hyper Text markup language web designdesign
PPTX
Fundamental of Web Development Tutorials by PINFO Technologies.pptx
PDF
Industrial training report
DOCX
MINOR PROZECT REPORT on WINDOWS SERVER
PPTX
Web development it slideWeb development it slidemy web development slide-...
PPTX
mst_unit1.pptx
PDF
shobhit training report (3) (4).pdf report
PDF
Web Design & Development Courses in Pune | 3DOT Technologies
PPTX
janhwi Singh 48 rollno web development.pptx
html & css
Music Downloading Website (HTML,CSS,PHP Presentation)
E-Commerce and Web Designing BCOM second year 3rd semester students
C language
C language
C language
C language
C language
WEB DEVELOPMENT
Hyper Text markup language web designdesign
Fundamental of Web Development Tutorials by PINFO Technologies.pptx
Industrial training report
MINOR PROZECT REPORT on WINDOWS SERVER
Web development it slideWeb development it slidemy web development slide-...
mst_unit1.pptx
shobhit training report (3) (4).pdf report
Web Design & Development Courses in Pune | 3DOT Technologies
janhwi Singh 48 rollno web development.pptx

More from umesh patil (20)

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

Recently uploaded (20)

PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PPTX
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PPTX
Pharma ospi slides which help in ospi learning
PDF
Origin of periodic table-Mendeleev’s Periodic-Modern Periodic table
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PDF
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
PPTX
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
PDF
Pre independence Education in Inndia.pdf
PDF
Basic Mud Logging Guide for educational purpose
PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PPTX
master seminar digital applications in india
PPTX
Introduction to Child Health Nursing – Unit I | Child Health Nursing I | B.Sc...
PPTX
Cell Structure & Organelles in detailed.
PDF
01-Introduction-to-Information-Management.pdf
PPTX
Cell Types and Its function , kingdom of life
PDF
O7-L3 Supply Chain Operations - ICLT Program
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
O5-L3 Freight Transport Ops (International) V1.pdf
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
STATICS OF THE RIGID BODIES Hibbelers.pdf
Pharma ospi slides which help in ospi learning
Origin of periodic table-Mendeleev’s Periodic-Modern Periodic table
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
Pre independence Education in Inndia.pdf
Basic Mud Logging Guide for educational purpose
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
master seminar digital applications in india
Introduction to Child Health Nursing – Unit I | Child Health Nursing I | B.Sc...
Cell Structure & Organelles in detailed.
01-Introduction-to-Information-Management.pdf
Cell Types and Its function , kingdom of life
O7-L3 Supply Chain Operations - ICLT Program
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
Pharmacology of Heart Failure /Pharmacotherapy of CHF
human mycosis Human fungal infections are called human mycosis..pptx

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