How to make a web page
NOTE: This tutorial explains how to make a web page using XHTML 1.0 and CSS standards.
Start by understanding what a web page is.
What is a web page?
A web page is a short text document that will provide instructions to an interpreter (the browser) on how to render the information it finds there on a screen.
The code an Internet browser reads is called mark-up and —fortunately for you— it is very easy to learn because it has only three parts: the Document Type Declaration (or DTD), the Head and the Body. Let's start:
First lesson: Prepare your text
If you want to make a web page, it is because you want to publish something, so:
+ Write your text and review it properly before continuing.
+ Once it is ready, identify your heading, subheadings and paragraphs.
+ Next, mention each part on the mark up, using:
<h1></h1> for your main heading
<h2></h2> for your subheadings
<p></p> for your paragraphs
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. Take a look at this 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>
As you see, you don't need 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, anyway. The last thing you need to understand is that when writing the mark-up, everything goes in lower-case letters.
Knowledge + Computers
Comments
Publicidad / Advertising
