Content

• Introduction
• Naming areas in your document
• Different text formats
• Margins
• Menu list
• Unordered list
• Ordered list
• Sound
• Different font formats
• Tables
• Family tree
• Price list
• Table with background colour
• Pictures
• This is how you contact me

Introduction

After the examples I have included how to write the HTML-code.

If you do not want to type the code yourself, then you can copy it from this page. Mark the text with the codes by pressing the left mouse button and pull the mouse over the text you want to copy. Then press Ctrl-C to copy the text. Open Notepad or WordPad and press Ctrl-V to paste the text.

To see how the code in a document is written, choose View Document source (or View Frame source if the document has frames) if you are using Netscape. Choose View Source if you are using Internet Explorer. You can also save the document as an HTML-document and open it in a text editor (Notepad or WordPad for example).

If you want to make a note for yourself on your page, you use the following code:
<!--This is a comment-->
The text cannot be seen on the page, but you can read it in the code. Helpful if you want to comment on the different sections of your page.

To Content

Naming areas in your document

To Content

Different text formats

This is bold text and this is in italics
Code: <B>bold</B> and <I>italics</I>

This is citation.
Code: <CITE>citation</CITE>

This is emphasis.
Code: <EM>emphasis</EM>

This is strong emphasis.
Code: <STRONG>strong emphasis</STRONG>

To Content

Margins

A few different methods to make margins:

By using "BLOCKQUOTE" you get both right and left margins. This is to make the paragraphs easier to read.
Code: <BLOCKQUOTE>This is where the text should be.</BLOCKQUOTE>

By using "UL", without "LI", you also get margins, however, only left margins. You can write very long texts this way.
Code: <UL>This is where the text should be.</UL>

To Content

Menu list

This is an example of a menu list (more compact than ordinary lists):

My favourite cats

To Content

Unordered list

This is an example of an unordered list:

The advantage of unordered lists

• You can add as many items as you need.
• You can add the items in any order you like.
• The text can be short.
• Or the text can be so long that it is several rows long and then there is a risk that the reader gets fed up and chooses to go to another page instead. Therefore it is probably best to keep it short when writing lists.
• ... you can add items later.

To Content

Ordered list

This is an example of an ordered list:

My three favourite cats

1. European
2. Norwegian forest
3. Maine coon

To Content

Sound

This is how you include a sound file to your page:

To Content

Different font formats

To Content

Tables

A table can look like this:

...or like this:

To Content

Family tree

This is how you make a family tree by using a table:

To Content

Price list

A price list can look like this:

To Content

Table with background colour

This is what the price list looks like with background colour added (does not work with all browsers):

To Content

Pictures

This is me:

Text adjusted to the top of the picture

This is a picture of my cat Frida when she jumps between the kitchen doors:

Text adjusted to the middle of the picture

This is a picture of my cats Frida and Fritte:

Text adjusted to the bottom of the picture

To Content

This is how you contact me