Some Easy Fancy Text!

TEXT 102!

Here we will look at a few easy Plug-Ins you can use to make your text look even better! These are as easy as the align="center" we looked at in our previous example.

You may have noticed that I make the first letter bold and I also indent it two and a half spaces! That is enough to make it look good without using up a lot of my web page for blank spaces!

There is an easy way to do this. Remember the paragraph tag? Well try this: class="p-main" ...

<p class="p-main">This is a paragraph!</p>

<p class="p-main" align="center">This is a paragraph!</p>

<p class="p-main" align="right">This is a paragraph!</p>

Did you notice our old friends align="center" and align="right" are mixed in there for effect! Actually there is even an align="left" but we call that the default and there is no need to type it in (but go ahead if you want!).

The default: <p class="p-main">This is a paragraph!</p>align="left"

The align="left": <p class="p-main" align="left">This is a paragraph!</p>

So by adding the class="p-main" to your <p> Plug-In, that adds the special indent / bold first letter. We have built this Plug-In "class" for you so you can use it very easily!

TIP

Here is how I began to make this page...

First I pasted in about a dozen of these Plug-Ins:

Plug-In:

<p class="p-main"> Paragraph Text </p>

It looks like this:

Plug-In:

<p class="p-main">Paragraph One</p>
<p class="p-main">Paragraph Two</p>
<p class="p-main">Paragraph Three</p>

What you will notice next is where I placed "Paragraph One", "Paragraph Two" & "Paragraph Three". This is where you put your words!

The next thing I did was add the heading Plug-In we learned about on the Basics Page (Formating 101) like this:

Plug-In:

<h2 align="center">HEADER!</h2>
<p class="p-main"> . . .

In this Plug-In, where here it says HEADER!, you put whatever you want to say! The finished Plug-Ins look like this together...
Plug-In:

<h2 align="center">HEADER!</h2>
<p class="p-main">Paragraph One</p>
<p class="p-main">Paragraph Two</p>
<p class="p-main">Paragraph Three</p>
<p class="p-main">Paragraph Four</p>

Here is what we get if we just cut and past the last Plug-In above!

---

HEADER!

Paragraph One

Paragraph Two

Paragraph Three

Paragraph Four

---

Remember: The concept of a Plug-In is to just cut-paste-modify one Small Plug-In! The mistake that most people make is trying to do too much, all at the same time!

Instead, the proper way is to find some small Plug-In that you like, and work on that only! Your web page will be built out of a number of small Easy To Use Plug-Ins that each do something to improve your page. (Hey, We did all the really hard work for you!)

You are NOT building a web page, you are just using a simple cut and paste Plug-In!

Know God? ~ ~ ~ Know Peace!

No God? ~ ~ ~ ~ ~ No Peace!