layout is essentially divided into three sections: 1. Header 2. Main Content 3. Footer 15 Coding The HTML You’ll find that most sites will have a simi

We will be converting this exact design to a complete HTML / CSS
website! When viewing such a design, we must begin to mentally
format our layout from an HTML point of view. After a bit of
observation, you might imagine the following layout:

layout is essentially divided into three sections:

1. Header

2. Main Content

3. Footer

15 Coding The HTML

You’ll find that most sites will have a similar structure. Some might

have a few more columns, but in general, you’ll always find these

three components.

Creating the Basic Shell

Now that we’ve visualized our

design from a coder’s point of

view, let’s create the basic HTML

formatting.

We begin by creating a “container”

division. That way, if necessary,

we can position our entire website

simply by altering one div.

...stuff

Next, add a few more divisions. Ignoring the specifics and focusing

solely on the wrapping elements, let’s add our three components:

header content goes here

main body goes here

footer info goes here

TIP

!