Chapter 4: Changing Text Appearance

"Creating Web Pages With HTML - Simplified" Chapter 4: Pages 46-63
Change Text Appearance
IDG's 3-D Visual Series
Navigation Bar
Main Table of Contents	Previous Chapter	Next Chapter
Bold Or Italicize Text
Strike Out Or Underline Text
Super Or Sub Script
Using Typewriter Text
Change The Font
Change The Font Size
Change The Font Color
Change The Background Color
Create A Block Quote
Create A Ordered List
Create A UnOrdered List
Create A Definition List
	48 Bold or Italicize Text
	
		» You can bold text to emphasize information on your Web page.
		 
		
		Type <B> in front of the text you want to bold.

		

		
Type </B> after the text you want to bold.

		

		Example: BoldFace Text

		
		» You can italicize text to emphasize information on your Web page.
		 
		
		Type <I> in front of the text you want to italicize.

		

		
Type </I> after the text you want to italicize.

		

		Example: Italicize Text
		
		




	49 Strike Out Or Underline Text
	
		» You can place a line through text to show changes to information.
		 
		
		Type <Strike> in front of the text you want to strike out.

		

		
Type </Strike> after the text you want to strike out.

		
Example: Strike Out Text
		
             » You can underline text to emphasize information.
		 
		
		Type <U> in front of the text you want to underline.

		

		
Type </U> after the text you want to underline.

		
Example: Underline Text
		
		




	50 Super Or Sub Script
	
		» You can place text or numbers slightly above the main text on your Web page.
		 
		
		Type <Sup> in front of the text you want to superscript.

		

		
Type </Sup> after the text you want to superscript.

		
Example: ^{SuperScript Text}
		
             » You can place text or numbers slightly below the main text on your Web page.
		 
		
		Type <Sub> in front of the text you want to subscript.

		

		
Type </Sub> after the text you want to subscript.

		
Example: _{SubScript Text}
		
		




	51 Using Typewriter Text
	
		» You can make text on your Web page look like it was produced by a typewriter.
		 
		
		Type <TT> in front of the text you want to display as typewriter text.

		

		
Type </TT> after the text you want to display as typewriter text.

		

		Example: Typewriter Text
		
		




	52 Change The Font
	
		» You can change the font of a section of text to customize the appearance of your Web page.
		 
		
		Type <Font Face=" in front of the text you want to change.

		

		
Type the name of the font you want to use.

		

		Note: Instead of typing the name of the font, you can specify a font type

		(serif, sans-serif, monospace).

		

		
To specify a second choice, type a comma (,) and then press the Spacebar.

		Then type your second font choice.

		

		
Type "> to complete the Font tag.

		

		
Type </Font> after the text you want to change.

		
Example: Brush Script MT
		
Example: Signature
		
Example: Serif
		
Example: Sans-Serif
		
Example: MonoType

		
		




	54 Change The Font Size
	
		» You can change the size of text on all of your Web page.
		 
		
		Type <BaseFont Size="?"> before the text on your Web page.

		

		
Replace ? with a number from 1 to 7.

		The smallest font size is 1; the largest font size is 7.
		
             » You can change the size of text on part of your Web page.
		 
		
		Type <Font Size="?"> in front of the text you want to change.

		

		
Replace ? with a number from 1 to 7.

		The smallest font size is 1; the largest font size is 7.

		
Example: Text Size 1
		
Example: Text Size 2
		
Example: Text Size 3
		
Example: Text Size 4
		
Example: Text Size 5
		
Example: Text Size 6
		
Example: Text Size 7
		
		




	56 Change The Font Color
	
		» You can change the color of text on all of your Web page.
		 
		
		In the <Body> tag, type Text="?"

		replacing ? with the name or code for the color

		you want to use.
		
             » You can change the color of text on part of your Web page.
		 
		
		Type <Font Color="?"> in front of the text

		you want to change. Replace ? with the name or code for the

		color you want to use.

		

		
Type </Font> after the text you want to change.

		
Example: Text Color Red
		
Example: Text Color White
		
Example: Text Color Blue
		
		




	58 Change The Background Color
	
		» You can change the background color of your Web page.
		 
		
		In the <Body> tag, type BGColor="?"

		replacing ? with the name or code for the color you want to use.

		
Example: <Body BGColor=Black>
		
		Black Background
		




	59 Create A Block Quote
	
		» You can create a block quote to separate a section of text from the rest of the text on your Web page.
		 
		
		Type <BlockQuote> before the text you want to display

		as a block quote.

		

		
Type </BlockQuote> after the text you want to display

		as a block quote.

		
Example: <BlockQuote> Text Goes Here </BlockQuote>
		
		This text is between the <BlockQuote> and </BlockQuote> tags.
		The text is indented from both the left and right margins.
		
		




	60 Create An Ordered List
	
		» Ordered Lists Are Sequential
		 
		
		Type <OL> before the list.

		

		
Type <LI> in front of each item in the list.

		Note: If you want to continue an item in the list on the

		next line without creating a new list item, use the <BR> tag.

		

		
Type </OL> after the list.
		
             » Change The Starting Number
		 
		
		In the <OL> tag, type Start=? replacing ?

		with the number you want to use to start the list.
		
             » Change The Number Style
		 
		
		In the <OL> tag, type Type=? replacing ?

		with the number style you want to use.

		
		
	
		Type Results
		A A,B,C
		a a,b,c
		I I,II,III
		i i,ii,iii
		1 1,2,3
		

	
		Example of an Ordered List:
		
		Apples
		
Bananas
		
Oranges
		
		



	62 Create A UnOrdered List
	
		» Unordered Lists Are In No Particular Order
		 
		
		Type <UL> before the list.

		

		
Type <LI> in front of each item in the list.

		Note: If you want to continue an item in the list on the

		next line without creating a new list item, use the <BR> tag.

		

		
Type </OL> after the list.
		
             » Change The Bullet Style
		 
		
		In the <UL> tag, type Type=? replacing ?

		with the style you want to use.

		

		Example: <UL Type=circle>
		
		
	
		Type
lower case only Results  Bullet Symbol
		disc Makes round bullet symbols   
		circle Makes hollow square symbols   
		square Makes solid square symbols   
		

	
		Example of an UnOrdered List:
		
		Apples
		
Bananas
		
Oranges
		
		




	63 Create A Definition List
	
		» You can create a definition list to display terms and their definitions. This type of list is ideal for a glossary.
		 
		
		Type <DL> before the list.

		

		
Type <DT> in front of each term in the list.

		

		
Type <DD> in front of each definition in the list.

		

		
Type </DL> after the list.
		
		

	
		

		Example of a Definition List:
		 
		Enthusiasm
		
Two Greek works: En=In and Theos=Life

		To be enthusiastic is to have life in you.
		
		 
		Humble
		
An ancient Egyptian word meaning "carpet."

		Humble yourself before others and provide comfort to their walk.

		Not to be confused with lying down and letting people walk all over you.
		
		


	
	

Hosted by www.Geocities.ws
Type lower case only	Results	Bullet Symbol
disc	Makes round bullet symbols
circle	Makes hollow square symbols
square	Makes solid square symbols
Table of Contents
