WilRose HTML Tutorial, a FREE on-line learning center


Download Some Cool Website Software Now !
This site designed with Web Page Creator 32 HTML Editor ver. 6.0

Introduction
Backgrounds
Fonts and Text
Accents
Lists
Images
Links
Tables
Frames
Forms
JavaScript
Great Books
Members Area

Accents

Are you still with me? Good. Go and get a great cup of coffee and sit down. In this section I'll cover other ways to dynamically enhance the text content of your web pages by using the following tags:

<B></B> - Bold
<I></I> - Italics
<EM></EM> - Emphasis, Emphasize the text
<STRONG></STRONG> - Strong - Strongly emphasize the text
<U></U> - Underline the text (Is not recognized by Netscape Navigator 2.0)
<CENTER></CENTER> - Center the text on the page
<STRIKE></STRIKE> - Strike Through Text

You can not only use these tags to accent the appearance of the text content of your web pages, but you can use them together. That is you can use more than one on any given word or line or paragraph. You can use them pretty much any way you want. All that you need to remember is the Nesting rule. When you use these tags together you must keep them contained in a "nested" format.

<P><FONT SIZE=2 COLOR=#800000 FACE="Arial"><B><STRONG><EM>This is proper nesting</EM></STRONG></B></FONT>

<P><FONT SIZE=2 COLOR=#800000 FACE="Arial"><B><STRONG><EM>This is not nested at all</B></EM></STRONG>

Here's a couple more accents for you.

<BLOCKQUOTE></BLOCKQUOTE> - Blockquote, automatically indents a block of text
<H1></H1> - Heading of the first priority
<H2></H2> - Heading of the second priority
<H3></H3> - Heading of the third priority
<HR SIZE=5> - Horizontal Rule
(Size= 5 Pixels in Height, You can specify any size)
<P ALIGN=RIGHT> - Paragraph Align - You can align Paragraphs to the left, right, and center

*NOTE* You do not have to end the <P ALIGN> tag or the <HR> tag.

Try some of this stuff out, you'll see how versatile the uses for it can be. open up that old text editor and practice with it a while. Create a whole new page as follows.

<HTML>

<HEAD><TITLE>My Second Web Page</TITLE></HEAD>

<BODY BGCOLOR=#FFFFFF><CENTER><H1>The Anatomy of a good Web Page</H1></FONT></CENTER>

<P><HR SIZE=5>

<P><FONT SIZE=4 COLOR=#000000 FACE="Arial"><B><STRONG><EM>The Heading</EM></STRONG></B>

<BR><FONT SIZE=2 COLOR=#0000FF FACE="Book Antigua"><BLOCKQUOTE>The heading is a very important section of an HTML document even though the heading contains information that won't even be displayed on the Web page itself.</BLOCKQUOTE></FONT>

<P><H2><I><U>The Title</U></I></H2>

<BR><Font SIZE=2 COLOR=#000000 FACE="Book Antigua">The Title of an HTML document (Web Page) is <B><I>nested</I></B> within the head tags.

<P ALIGN=RIGHT><H3><B>The Body</B></H3

<P ALIGN=RIGHT><BLOCKQUOTE>The Body contains all content for the Web Page that will be viewed. It is where I put all of my neat stuff of whatever it is that I want to appear on my HTML document.</BLOCKQUOTE>

<P><HR SIZE=15>

</BODY>

</HTML>

Get that all typed into your text editor and then save it as whatever name you want.html (save it as an HTML document). Save it in the same file folder as your other page. Then open it up in your browser and view it!

Top of Page?



Tutorial Front Page / Backgrounds / Fonts & Text / Lists
Images / Links / Tables / Frames / Forms / JavaScript
Cool Free Web Stuff / Web Site Design / Recommended Books / WilRose.com Home