So, you want to make a Web Page!
Lesson 8

adapted from Joe Barta's tutorials at- PageTutor.com

title


If you don't already have one, be sure to create a new folder titled Lesson_08 in your HTML folder


Let's go back to our simple, but really cool page. (don't forget the title)

<html> 
<head> 
<title>Lesson 8</title> 
</head> 
<body>
something really cool
</body> 
</html>

 

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

 

 

 

Save as: Lesson_08.html in your HTML/Lesson_08 folder

 

[FYI: extra]

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

 

 

On to Lesson 9