Post on 14-Dec-2015
HTMLCommunicating Information: Web Design
2 of 12
What is HTML?
HyperText Mark-up Language is what enables the browser to identify how to
display text or graphics on a web page.
HTML is made up of tags.
Tags are the angle brackets.
< >
3 of 12
The words inside the brackets are called elements.
Title is the element inside the tag.
<title>
4 of 12
Container tags come in twos, one at the beginning and one at the end.
Notice the difference between them.
There are two types of tags.
<title> </title>
5 of 12
Empty tags stand on their own.
There is only one.
<br>
6 of 12
<body><BODY>
For consistency stick to one or the other.
HTML can be written either in capital letters or lower-case.
7 of 12
Understanding the language
the head <html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
A web page is divided into two:
and the body.
8 of 12
<html>
<head>
<title>spiders, creepy crawlies</title>
</head>
The text inside the head tag cannot be seen. The title is used to include words that describe the web page. These words are used by search engines to find the relevant web sites.
9 of 12
<body><h1>Spiders: The facts</h1><p>Spiders are not insects. They have eight legs.</p><p>They inject venom with their fangs</p></body></html>
The text inside the body is seen on the web page.
To make text bigger we use headings <h1> to <h6> . <h1> is the biggest.
<p> starts a new paragraph.
10 of 12
HTML matching
11 of 12
Tag, drag and drop
Drag the tags around the edge of the screen into the correct spaces to complete the HTML document.
12 of 12
Summary
HTML stands for HyperText Mark-up Language.
HTML enables the browser to identify how to display text or graphics on a web page.
It is made up of tags and elements.
There are two types of tags: container and empty.
A web page is divided into two parts: the head and the body.
Only the text in the body can be seen.
What can I remember?