IF YOU TYPED ALL THE EXAMPLES, THIS IS HOW THEY SHOULD LOOK ON YOUR BROWSER
They will look a little different on your page, which is much wider than the column in which the examples were shown in the Guide.
Welcome to the world of the World Wide Web. This is the first paragraph. While short it is still a paragraph!
And this is the second paragraph.
This paragraph is aligned left, this is the default mode.
This paragraph is center aligned.
This paragraph is aligned right.
Example of address, with line breaks:
My address is:
John Doe
123 Main Street
Newtown, NJ 08901
Examples of headings:
bold face,
text in italics,
text in mono-spaced type,
bold italics
Here is how these two font examples appear on your Browser (this is the default font for your Browser):
This is red text, one size larger than default size
This line is in a non-serif font face, the actual appearance depends upon your Browser..
We stayed at the castle hotel in Rydzyna
click on the underlined word and you will be instantly connected to the English language Web site of this hotel in Poland.
Nested List
Definition list
BLOCKQUOTE
This is part of a long quote This is part of a long quote This is part of a long quote This is part of a long quote This is part of a long quote
- William Shakespeare - "Hamlet"
PREFORMATTED TEXT
for i = 1 to 10 print i
This is preformatted text. For a normal page, lines should not exceed 80 characters (including spaces). Much shorter inside cells of a table. This line is - 35- characters long. 12345678901234567890123456789012345HORIZONTAL RULE
Example of a DIVISION
Here is some text, and so on
and
on and on and on - end of paragraph
Here is another paragraph
now you must put the
end tags to end the section
The rest of the document continues in normal text, aligned left as usual.
Examples of Images
<p align="center">
Syrena Consulting offers web page design service blah blah blah and so on and so on and so on and so on and so on and so on and .....
blah blah and so on....
blah blah and so on....
blah blah and so on....
This is how this code is interpreted by your Browser:
Click on the picture with colored border to se the full size picture
This is a view in the Big Sur area of California, , taken from the scenic coastal highway...
Store | Item | Qty |
---|---|---|
Groceries | coffee | 2lbs. |
sugar | 1lb. | |
tomato soup | 2 cans | |
Staples | printer paper | 1 pack 500sh. |
Bus station | buy monthly ticket |
Play around a little with the parameters, to see how they effect the way the table looks. For example put in cellspacing="1". Then the table looks like this (1 pixel space has been added between each cell which makes the borders wider):
Store | Item | Qty |
---|---|---|
Groceries | coffee | 2lbs. |
sugar | 1lb. | |
tomato soup | 2 cans | |
Staples | printer paper | 1 pack 500sh. |
Bus station | buy monthly ticket |
Make the table width="50%", now the table will spread out to half the width of your screen, and because the column widths were set in percentage, they retain their relative proportions.
Store | Item | Qty |
---|---|---|
Groceries | coffee | 2lbs. |
sugar | 1lb. | |
tomato soup | 2 cans | |
Staples | printer paper | 1 pack 500sh. |
Bus station | buy monthly ticket |