In
this section you will learn how to put some text on a basic web page. Please click
here
to view the example web page you'll create.
If you view the source code from this
example page you will see the following...
<html>
<head>
<title>Stephen's Beatles Web Site</title>
</head>
<body>
<p align="center"><b><font size="4">Stephen's Web Site Dedicated to The Beatles</font></b>
<p>This site includes the following information on my favourite ever band.
<p align="center">Biography
<br>List of Albums
<br>Images
<br>Favourite Songs
</body>
</html>
This code is now explained
<html>
This tag must be placed at the start of the file before anything else.
At the bottom of the code the tag </html> closes the file.
<head>
This is where you put information about the file. For the purpose of
this exercise this information is the title of the page only. Again this
is closed with the tag </head>.
<title>
This is where you put the page title. This appears at the top of the
browser as shown below. Again it must be closed with the tag
</title>.
<body>
This is where you put the main body of the page. It must be
closed with the tag </body>.
And now, at last, we come to the
contents of the page...
<p>
This tells the computer that the text that follows will be part of a new
paragraph. The text will align to the left unless told otherwise. <p
align="center"> will put the text in the center of the
page.
<b>
This tells the computer that
the text that follows will be in bold. To stop the text being bold the
tag </b> must be used. Similarly <i> is italics and
<u> is underline.
<font size="4">
This makes the text size bigger - the default text size is
"3". To return to the default size the tag </font> must
be used.
<br>
This puts the text on the next line but keeps it in the same paragraph
TASK
Create a web page similar
to the one shown in this example. Experiment with the code you have
learned.
|