PageTutor.com

Let's go back to our simple page.

<body>
Something really cool
</body>
Something really cool

This is the paragraph tag. Think of a paragraph as a block of text.

<body>
<p>Something really cool</p>
</body>

Something really cool

By itself it doesn't "do" much except act as a sort of a container. And with most browsers, starting a new paragraph has the effect of skipping a line.

<body>
<p>Something really cool</p>
<p>like an icecube</p>
</body>

Something really cool

like an icecube


So, what else is this <p> tag good for? Well, it's great for aligning stuff.

<body>
<p align="left">Something really cool</p>
<p align="center">like an icecube</p>
<p align="right">or a popsicle</p>

<p align="left">
Something really cool<br>
like an icecube<br>
or a popsicle</p>

<p align="center">
Something really cool<br>
like an icecube<br>
or a popsicle</p>

<p align="right">
Something really cool<br>
like an icecube<br>
or a popsicle</p>
</body>

Something really cool

like an icecube

or a popsicle

Something really cool
like an icecube
or a popsicle

Something really cool
like an icecube
or a popsicle

Something really cool
like an icecube
or a popsicle


Another simple way to center stuff on your page is the <center> tag. Everything between the center tags gets centered. Can't get simpler than that ;-)

<body>
<center>Something really cool</center>
</body>
Something really cool
<< BACK NEXT >>
PageTutor - So, you want to make a Web Page!
Lessons: Intro 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
Index & Quick Reference      Barebones HTML Guide
Color Charts      ColorPicker      Upload Your Pages
Print version of this tutorial available - Get the PageTutor book & CD