Basic HTML
There are many online tutorials on using
HTML. The link below is to an excellent site that steps you through creating a
basic page.
Work through the first four pages – Home,
Introductions, Elements, Basic Tags.
Use the tutorial and NOTEPAD to create a page displaying the following elements;
- Headings-
- <!DOCTYPE html>
<html>
<body> - <h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6> - </body>
</html> - Background colours-
- <!DOCTYPE html>
<html>
<body> - <p style="background-color:#FFFF00">
Color set by using hex value
</p> - <p style="background-color:rgb(255,255,0)">
Color set by using rgb value
</p> - <p style="background-color:yellow">
Color set by using color name
</p> - </body>
</html> - Paragraph break
- <!DOCTYPE html>
<html>
<body> - <p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p> - </body>
</html>
The text on your page must be used to
explain;
- The function of the Header, Title and Body sections
- The meaning of HTML
- The basic tags you have used to create the page
Note: you must save your file as
“.htm” - this will enable the browser to
view the page.
