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)
