HTMLCOOK -
Main Page
- lists all articles and tutorials
Google
  Web www.htmlcook.com
1&1 hosting - UK hosting - Buy your domain from 1&1 - Best domain prices in the UK!
1&! US hosting - Hosting Made Easy. Order 1&1 Microsoft Web Hosting from the World’s # 1 Web Host. Get up to 5 FREE domains! Linux hosting, dedicated servers. Amazing service.
HTMLCOOK sponsored by Freebies Network UK
UK Internet access deals

Introduction
Backgrounds
Fonts
Advanced Text
Lists
images
Links
Tables
Frames
Forms
JavaScript
Recommended Links
Accentuating Text

In this section we'll cover other ways to 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
- 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=#ff6633 FACE="Arial"><B><STRONG><EM>This is proper nesting</EM></STRONG></B></FONT>

<P><FONT SIZE=2 COLOR=#ff6633 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></CENTER>

<P>

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

<BR><FONT SIZE=2 COLOR=#0000FF FACE="arial"><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>The Title</I></H2>

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

<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>

 

</BODY>

</HTML>

 

Get that all typed into your text editor (or cut and paste) 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!

Click here to see page

 

Top of Page


<<Previous Page
Next Page >>