Exercises for week 1 - 3

Note: To view the source code of the exercises right click and select View Source

EXERCISE 1

This is the size of H1

This is the size of H2

This is the size of H3

This is in H4

This is in H5

This is in H6

Normal text is arranged in paragraphs using the P tag.
It starts a new block of text with a blank line above.

To start a new line within a block of text
use the linebreak, BR, tag.

EXERCISE 2

This piece of text contains one part which is in bold and another part which is in italics. Some of it is underlined.

This block of text goes one step further by having combinations of bold, italic and underline.
This can be achieved by nesting the tags so that two or more formatting operations can be carried out.

EXERCISE 3

Alignment

This piece of text is centred.
Note that for the align ATTRIBUTE, the centre value is spelt CENTER.

The default alignment is left.

This piece of text is right aligned.

The align atribute can be used in the heading tags.

This header1 text is centered

EXERCISE 4

Writing and Checking HTML using Notepad and Internet Explorer

First load the page in Internet Explorer to see it initially.
Keep Internet Explorer running and open the file in Notepad. You can do this by selecting View/Sourse.
Modify the following line in Notepad and select File/Save to save changes.

My name is Mary Panayiotou

Keep Notepad running and rerurn to Internet Explorer. You can do this by Clicking on its icon in the task bar at the bottom of the screen.
Click on the refresh button to see your changes.

EXERCISE 5

Hypertext Links

External Links

• Hypertext links are created with the anchor tag, A.
• The URL of the page to link to is set in the HREF attribute of the tag.
• HREF stands for Hypertext Reference.

For example, THIS LINK WEB TEACHER connects to Web Teacher Homepage.

EXERCISE 6

Hypertext Links

Links within a Page

You can create hypertext links that take you from one part of a page to another.
This is particularly useful if you have a long page or a number of different sections in a page.

The process involves two steps:

1. Create a named area in the page to link TO.
   
   This is done by using the A tag with the NAME attribute.
   By naming a part of the web page you can create links to that particular part.
2. Create links to your named area using the A tag with the HREF attribute set equal to # followed by the name you have set.

• NOTE: Names cannot contain spaces and are case sensitive.

In the code for this page you will see that a name ("TOP") has been set just before the list of excercises.

EXERCISE 7

Hypertext Links

Links to another Page

You can create hypertext links that send the visitors to another page on your site.
This is done by using the anchor tag and the HREF attribute.
The HREF attribute takes as a value the name of that file.
For example if you wanted to get visitors to go to your Index page you would write:

EXERCISE 8

Hypertext Links

Links to recieve e-mail

If you would like to receive e-mail from people who read your page do the following:
Use the anchor tag and the HREF attribute
write "mailto:and the email address" inside inverted commas as the value for the reference
Example: if you wanted your visitors to send you an email you would type: E mail me at: marypanayiotou@hotmail.com

EXERCISE 9

Lists

An unordered list

• each item in the list is imlemented by the LI ( List Item) tag
• This is an unordered list
• This means that the list is a bullet list

An ordered list

1. As with all lists each item is implemented bu the LI tag
2. This is an ordered list
3. This means that the list is a numbered list