HTML Lesson One PR and Inbound Links
Feb 17

In lesson one we learned how to create and set up our basic html document.

Now in lesson two I will show you how to format your page text. Rather than plain old text like this, I will show you how to make your text a bit more attractive.

If you would like to keep your text exactly how you have typed it, you can use whats called a pre-formatted text tag. This will tell the browser to not change your text at all.

The pre-formatted text tags look like this:

<pre></pre>

Now we can also make our text appear bold by using the bold text tags.

<b></b>

If you’d like your text to show as italic text you would use the following:

<i></i>

Moving on now to header tags. These tags are of great use when writing blogs or articles.

As you can see header tags go from 1 being the largest to 6 being the smallest.

Header One

 <h1></h1>

Header Two

 <h2></h2>

Header Three

 <h3></h3>

Header Four

 <h4></h4>

Header Five

 <h5></h5>

Header Six

 <h6></h6>

Now lets look at the paragraph tags. You will use these tags when writing a paragraph of text. The paragraph tags look like this:

<p></p>

If you would like to skip a line in your document you will use what is called a line break. Now the line break tag uses only one tag not an open and close tag. When you want to skip a line in your document you will simply type the following:

<br>

If you would like to separate your documents contents with a line, you will use whats called a horizontal rule. This tag also uses only one tag.

<hr>

If you are still with me you are doing great!

Now from time to time you may like to use a list. There are a few options when it comes to lists.

First we have the ordered (numbered) list:

  1. Item One
  2. Item Two
  3. Item Three

<ol>
 <li>Item One</li>
 <li>Item Two</li>
 <li>Item Three</li>
</ol>

Next we have the unordered list:

  • Item One
  • Item Two
  • Item Three

<ul>
 <li>Item One</li>
 <li>Item Two</li>
 <li>Item Three</li>
</ul>

And thirdly we have whats called a definition list:

HTML
HTML stands for hyper text markup language.
TAGS 
Tags are used within html to tell the browser how to display the documents contents.

<dl>
<dt>HTML </dt>
<dd>HTML stands for hyper text markup language. </dd>
<dt>TAGS  </dt>
<dd>Tags are used within html to tell the browser how to display the documents contents.</dd>
</dl>

If you liked the above post, why not buy a round of coffee :)

About The Author

Written by MissDanni
MissDanni is a jill of all trades, from web design to web promotion and everything in between, you might just say web everything. Working in the web industry since 2000 she continues to learn new things everyday. "Nothing is impossible if you are willing to take the time to learn and make mistakes."

Other posts by MissDanni

Suggested Reading

Christmas Gifts
Buy Amazing Christmas Gifts on Walmart for your family [..]
US Colleges
Choose the right college with our site. Check some [..]

Leave a Reply

Copyright 2000-2008 STCFX | Sitemap