Scribd
Upload
8 views

Day 1 - HTML Structure

Uploaded by

seth8longo
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
8 views

Day 1 - HTML Structure

Uploaded by

seth8longo
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 25

HTML Structure

vu.edu.au
Victoria University, RTO Code 3113
CRICOS Provider No. 00124K (Melbourne) CRICOS
Provider No. 02475D (Sydney)
HOW PAGES USE STRUCTURE

HEADLINE

vu.edu.au
Victoria University, RTO Code 3113
CRICOS Provider No. 00124K (Melbourne) CRICOS
Provider No. 02475D (Sydney)
HOW PAGES USE STRUCTURE

TEXT

vu.edu.au
Victoria University, RTO Code 3113
CRICOS Provider No. 00124K (Melbourne) CRICOS
Provider No. 02475D (Sydney)
HOW PAGES USE STRUCTURE

IMAGE

vu.edu.au
Victoria University, RTO Code 3113
CRICOS Provider No. 00124K (Melbourne) CRICOS
Provider No. 02475D (Sydney)
HOW PAGES USE STRUCTURE

SUBHEADING

vu.edu.au
Victoria University, RTO Code 3113
CRICOS Provider No. 00124K (Melbourne) CRICOS
Provider No. 02475D (Sydney)
HOW PAGES USE STRUCTURE

Digital versions
often have similar
structure

vu.edu.au
Victoria University, RTO Code 3113
CRICOS Provider No. 00124K (Melbourne) CRICOS
Provider No. 02475D (Sydney)
STRUCTURE IN WORD DOCS

Headings and
subheadings
reflect hierarchy
of information

vu.edu.au
Victoria University, RTO Code 3113
CRICOS Provider No. 00124K (Melbourne) CRICOS
Provider No. 02475D (Sydney)
STRUCTURE IN WORD DOCS

Main heading
and important
information
appear first

vu.edu.au
Victoria University, RTO Code 3113
CRICOS Provider No. 00124K (Melbourne) CRICOS
Provider No. 02475D (Sydney)
STRUCTURE IN WORD DOCS

The information
is expanded upon
and may use
subheadings

vu.edu.au
Victoria University, RTO Code 3113
CRICOS Provider No. 00124K (Melbourne) CRICOS
Provider No. 02475D (Sydney)
HTML: PAGE STRUCTURE
<html>
<body>
<h1>This is the Main Heading</h1>
<p>This text might be an introduction to
the rest of the page.</p>

<h2>This is a Sub-Heading</h2>
<p>Many long articles have sub-headings
to help you follow the structure.</p>

<h2>Another Sub-Heading</h2>
<p>Here you can see another.</p>
</body>
</html>
A CLOSER LOOK AT TAGS

CHARACTER CHARACTER

FORWARD SLASH

LEFT-ANGLE BRACKET RIGHT-ANGLE BRACKET

OPENING TAG CLOSING TAG


ATTRIBUTES TELL US MORE
ABOUT ELEMENTS

ATTRIBUTE
NAME

<a lang ="en-us ">Paragraph in English</p>

ATTRIBUTE
VALUE
BODY, HEAD & TITLE

<html>
<head>
<title>This is the Title of...</title>
</head>
<body>
<h1>This is the Body of the Page</h1>
<p>Anything within the body of a web
page is displayed in the main
browser window.</p>
</body>
</html>
vu.edu.au
Victoria University, RTO Code 3113
CRICOS Provider No. 00124K (Melbourne) CRICOS
Provider No. 02475D (Sydney)
BODY, HEAD & TITLE

<html>
<head>
<title>This is the Title of...</title>
</head>
<body>
<h1>This is the Body of the Page</h1>
<p>Anything within the body of a web
page is displayed in the main
browser window.</p>
</body>
</html>
vu.edu.au
Victoria University, RTO Code 3113
CRICOS Provider No. 00124K (Melbourne) CRICOS
Provider No. 02475D (Sydney)
BODY, HEAD & TITLE

vu.edu.au
Victoria University, RTO Code 3113
CRICOS Provider No. 00124K (Melbourne) CRICOS
Provider No. 02475D (Sydney)
BODY, HEAD & TITLE

<html>
<head>
<title>This is the Title of...</title>
</head>
<body>
<h1>This is the Body of the Page</h1>
<p>Anything within the body of a web
page is displayed in the main
browser window.</p>
</body>
</html>
vu.edu.au
Victoria University, RTO Code 3113
CRICOS Provider No. 00124K (Melbourne) CRICOS
Provider No. 02475D (Sydney)
BODY, HEAD & TITLE

vu.edu.au
Victoria University, RTO Code 3113
CRICOS Provider No. 00124K (Melbourne) CRICOS
Provider No. 02475D (Sydney)
SUMMARY

HTML pages are text


documents.

vu.edu.au
Victoria University, RTO Code 3113
CRICOS Provider No. 00124K (Melbourne) CRICOS
Provider No. 02475D (Sydney)
SUMMARY

HTML uses tags, which act


like containers and tell you
about the information that
lies between them.

vu.edu.au
Victoria University, RTO Code 3113
CRICOS Provider No. 00124K (Melbourne) CRICOS
Provider No. 02475D (Sydney)
SUMMARY

Tags are often referred to


as elements.

vu.edu.au
Victoria University, RTO Code 3113
CRICOS Provider No. 00124K (Melbourne) CRICOS
Provider No. 02475D (Sydney)
SUMMARY

Tags usually come in pairs.


Opening tags denote the
start of a piece of content;
closing tags denote the end.

vu.edu.au
Victoria University, RTO Code 3113
CRICOS Provider No. 00124K (Melbourne) CRICOS
Provider No. 02475D (Sydney)
SUMMARY

Opening tags can carry


attributes, which tell us
more about the content of
that element.

vu.edu.au
Victoria University, RTO Code 3113
CRICOS Provider No. 00124K (Melbourne) CRICOS
Provider No. 02475D (Sydney)
SUMMARY

Attributes require a name


and a value.

vu.edu.au
Victoria University, RTO Code 3113
CRICOS Provider No. 00124K (Melbourne) CRICOS
Provider No. 02475D (Sydney)
SUMMARY

To learn HTML you need to


know what tags you can
use, what they do, and
where they can go.

vu.edu.au
Victoria University, RTO Code 3113
CRICOS Provider No. 00124K (Melbourne) CRICOS
Provider No. 02475D (Sydney)
vu.edu.au
Victoria University, RTO Code 3113
CRICOS Provider No. 00124K (Melbourne) CRICOS
Provider No. 02475D (Sydney)

You might also like