- Create opening and closing tags for: <html>, <head>, <body>
- Create a H1 heading
- Create a H2 heading
- Create paragraph text
- Create a style tag in the head section and apply CSS styling to your document (internal CSS)
Body
The visible part of the HTML document is between <body> and </body>
<body>
</body>
Head
The metadata of a website is in the head element.
<head>
</head>
Links
<a href=”https://www.rmit.edu.au”>RMIT University</a>
Internal CSS:
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
Colours
Colours can be expressed by name, hex code, RGB values and more.
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
Learn about colours on W3Schools
Click this link for example colours by name and hex code.
Fonts
<head>
<style>
h1 { color:#ff6347; font-family: Roboto, Helvetica, sans-serif; }
h3 { color:#FF8C00; font-family: ‘Open Sans’, Helvetica, sans-serif; }
p { color:DarkOrange; }
</style>
</head>
Introduction to fonts on W3Schools
Test Your Skill
Try the tests below on W3 School to see how well you comprehend HTML and CSS.
![The concept was used on the German side as well with this 'Auch du sollst beitreten zur Reichswehr' [You too should join the German Army], design by Julius Engelhard, Image: courtesy of mental_floss](https://classoffederico.files.wordpress.com/2014/04/world-war-propaganda_auch-du-sollst-beitreten.jpg?w=419&h=534 "world war propaganda_Auch du sollst beitreten")
RAE - Research and Exploration 