How to make a web page

The Internet is mainly a written means of communication. To create a web page, therefore, you need to prepare your text first. Once you have that, then you add some mark-up to indicate the browsers where headings and paragraphs start and end. Identify your heading, subheadings and paragraphs; and next mention them on the mark up, using:

<h1></h1> for your main heading
<h2></h2> for your subheadings
<p></p> for your paragraphs

If you need a line break, use <br>.

h1 means "heading of level one". If you need more levels of subheadings, you can also use h2, h3, h4, h5 and h6 to declare them. This document uses h1 and h2 only.

For this, there is only one difference between using HTML, XHTML or HTML5. If you use XHTML, the tags must go in lower-case letters. For HTML or HTML5, this is irrelevant.

Don't forget that when using XHTML all mark-up tags must be closed or self-closed. If you use a line break in XHTML, you will need to close it too. i.e. Don't use <br>, use <br></br> or <br /> instead.

Take a look at the example:

Example

Fables

The Fox and the Crow, by Aesop

A Fox once saw a Crow fly off with a piece of cheese in its beak and settle on a branch of a tree. "That's for me, as I am a Fox," said Master Reynard, and he walked up to the foot of the tree. "Good-day, Mistress Crow," he cried. "How well you are looking to-day: how glossy your feathers; how bright your eye. I feel sure your voice must surpass that of other birds, just as your figure does; let me hear but one song from you that I may greet you as the Queen of Birds." The Crow lifted up her head and began to caw her best, but the moment she opened her mouth the piece of cheese fell to the ground, only to be snapped up by Master Fox.

"That will do," said he. "That was all I wanted. In exchange for your cheese I will give you a piece of advice for the future. "Do not trust flatterers.

...will turn into...

<h1>Fables</h1>
<h2>The Fox and the Crow, by Aesop</h2>
<p>A Fox once saw a Crow fly off with a piece of cheese in its beak and settle on a branch of a tree. "That's for me, as I am a Fox," said Master Reynard, and he walked up to the foot of the tree. "Good-day, Mistress Crow," he cried. "How well you are looking to-day: how glossy your feathers; how bright your eye. I feel sure your voice must surpass that of other birds, just as your figure does; let me hear but one song from you that I may greet you as the Queen of Birds." The Crow lifted up her head and began to caw her best, but the moment she opened her mouth the piece of cheese fell to the ground, only to be snapped up by Master Fox.</p>
<p>"That will do," said he. "That was all I wanted. In exchange for your cheese I will give you a piece of advice for the future. "Do not trust flatterers.</p>

Notice you do not need any spaces between a line of mark-up and the other. Although this is not a complete web page yet, it is a very good start.

Now let's move to how to highlight information. This will make our texts very clear.


Learn + Computers and the Internet + Web development