You are on page 1of 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