Scribd
Upload
32 views

Programming Lesson

The document provides an overview of HTML (Hypertext Markup Language) in 3 parts: 1) It describes what HTML is and its basic functions and elements for structuring web pages. 2) It discusses the history and evolution of HTML standards from versions 1.0 to 5.0. 3) It includes examples of simple HTML code and tags for page structure like the title, headings, paragraphs and explains their purpose.

Uploaded by

kitchandrie119
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
32 views

Programming Lesson

The document provides an overview of HTML (Hypertext Markup Language) in 3 parts: 1) It describes what HTML is and its basic functions and elements for structuring web pages. 2) It discusses the history and evolution of HTML standards from versions 1.0 to 5.0. 3) It includes examples of simple HTML code and tags for page structure like the title, headings, paragraphs and explains their purpose.

Uploaded by

kitchandrie119
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 28

EMPOWERMENT

TECHNOLOGIES
GUESS THE LOGO
CHALLENGE
GUESS THE LOGO

You can delete this slide when you’re done editing the presentation.
GUESS THE LOGO

WINDOW
GUESS THE LOGO

LINU
GUESS THE LOGO

PYTHO
GUESS THE LOGO

MY
GUESS THE LOGO

JAV
A
GUESS THE LOGO

PHP (Hypertext Preprocessor) recursive acronym


GUESS THE LOGO

RUB
GUESS THE LOGO

PHOTOSH
GUESS THE LOGO

GIM
HTML
Hypertext Markup Language
CSS
Cascading Style Sheets
JavaScript
Notepad
HTML
HTML (Hypertext Markup
Language)
● HTML is the standard
markup language for Web
pages.

● With HTML you can


create your own Website.
• 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.
HISTORY OF HTML
• HTML 1.0 was released in 1993 with the
intention of sharing information that can be
readable and accessible via web browsers.
• Then comes HTML 2.0, published in 1995, which
contains all the features of HTML 1.0 along with
a few additional features, which remained the
standard markup language for designing and
creating websites until January 1997 and refined
various core features of HTML.
HISTORY OF HTML
• Then comes HTML 3.0, where Dave Raggett
introduced a fresh paper or draft on HTML. It included
improved new features of HTML, giving more powerful
characteristics for webmasters in designing web pages.
But these powerful features of the new HTML slowed
down the browser in applying further improvements.
• Then comes HTML 4.01, which is widely used and was
a successful version of HTML before HTML 5.0, which
is currently released and used worldwide. HTML 5 can
be said for an extended version of HTML 4.01, which
was published in the year 2012.
DID YOU KNOW THIS?

USA
SWITZERLAN
D
NORWAY
ISRAEL
SWEDEN
CANADA
NEW
ZEALAND
0 50 100

Average Software Developer Salaries in the World (2020)


A SIMPLE HTML DOCUMENT
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>


<p>My first paragraph.</p>

</body>
</html>
EXAMPLE EXPLAINED
<!DOCTYPE html> - declaration defines that this
document is an HTML5 document
<html> - element is the root element of an HTML
page
<head> - element contains meta information about
HTML page
<title> - elements specifies title for the HTML
page
<body> - elements defines the document’s body, and
is container for all visible contents,
such as headings, paragraphs, images,
hyperlinks, tables, list etc.

<h1> - element define a large heading


<p> - element defines a paragraph.
Example of websites
1. Small Business Website (Joe Coffee
Company)
Joe Coffee Company – Specialty Coffee Roasters

2. Non- Profit Websites –


the Jane Goodall Institute Homepage
EXCERCISE

Using your cellphone, tablet and


laptops. Design your own
personal website. Make it simple.
___
THANKS!

CREDITS: This presentation template was created by


Slidesgo, incluiding icons by Flaticon, and
infographics & images by Freepik.

You might also like