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

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


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


Start with a basic HTML page (don't forget the title)

<html> 
<head>
<title>Lesson 15</title>
</head> 
<body>
</body> 
</html>

Now we are going to look at a couple formatting tools available to you. The first one is <blockquote>. In most browsers it pulls your margins in from both sides. (I don't know if that's the proper terminology but if you understand what I mean I guess it's close enough).

First let's type in some stuff without using <blockquote> tags

<body> 
WE THE PEOPLE of the United States, in order to form a more perfect 
Union, establish Justice, insure domestic Tranquility, provide for the   
common defense, promote the general Welfare, and secure the Blessings   
of Liberty to ourselves and our Posterity, do ordain and establish this   
Constitution for the United States of America.  
</body>  

 

nn

WE THE PEOPLE of the United States, in order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defense, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.

 

Now... with the <blockquote> tags

<body>  
<blockquote>  
WE THE PEOPLE of the United States, in order to form a more perfect   
Union, establish Justice, insure domestic Tranquility, provide for the   
common defense, promote the general Welfare, and secure the Blessings   
of Liberty to ourselves and our Posterity, do ordain and establish this   
Constitution for the United States of America.  
</blockquote>  
</body> 

nn

WE THE PEOPLE of the United States, in order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defense, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.

 

See the difference?

I'm sure when <blockquote> was first devised it had a loftier purpose, such as quoting profound bits of prose from authors I've never even heard of. But here in the trenches it serves a more mundane purpose... easy indenting.

It's also important to note that although most browsers render blockquoted text by indenting it, that's not specifically what it's designed to do. It's conceivable that some future browser may render blockquoted text in some other way (such as red italics). That said however, for the forseeable future, it is perfectly safe to indent blocks of text with <blockquote>.

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

On to Lesson 16