You are on page 1of 10

WEB PAGE

DESIGN
HOW ARE WEB PAGES MADE?
Long answer:
With time, dedication, knowledge, patience, energizing
drinks, coffee, trash food, etc.

Short answer:
With HTML
BUT…

WHAT IS HTML??
HTML is the standard markup language for creating
Web pages. HTML stands for: Hyper Text Markup
Language.

The language describes the structure of a web page


by using tags.
FOR EXAMPLE
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>


<p>My first paragraph.</p>

</body>
</html>
WHAT ARE THOSE < AND >
THINGIES?
They are the tags. Tags divide the structure of
the webpage, with each tag being an
element.
HTML tags normally comes in pairs like: <P>
and </P>. The first tag is the start tag and the
second one is the end tag.

<tagname>content goes here...</tagname>


ALL THAT MEANS:
IT LOOKS UGLY!
That is what CSS is for.

CSS, or Cascading Style Sheet, describes how HTML


elements are to be displayed on screen, paper, or in other
media.
CSS saves a lot of work. It can control the layout of
multiple web pages all at once
FOR EXAMPLE
Index.html Webpage.css

<!DOCTYPE html> body {


<html> background-color: powderblue;
<head> }
<link rel="stylesheet" href=“webpage.css"> h1 {
</head> color: blue;
<body> }
p{
<h1>This is a heading</h1> color: red;
<p>This is a paragraph.</p> }

</body>
</html>
THAT MEANS:
HTML STRUCTUE OF A PAGE

You might also like