Ian Bach's Site

OVERVIEW

For those who are new to HTML before you feel overwhelmed lets learn a couple basics and try to disprove the thought "Only compter programers can learn HTML". Lets think of it this way. If you go into this thinking it is unlearnable or that you may be untechable, throw those thoughts away and remove the biggest barrier to learning....... what I call the "I can't do that" thoughts. We all have the ability to be the little train that could but before that we must believe we can. So here is some easy to learn HTML that you can add to comments or your multiply (section headers/titles see the marquee code usedat top of my web sites page) to dress them up a bit. If you learn HTMl gradually you will find the more you try it the better you get, and the more you will remember / retain.

<strong>insert text here</strong>
<b>insert text</b>
The strong and b commands (also called TAGS) both make text bold. you need a start tag and a stop tag the start looks like <strong> and the stop looks like </strong> (notice the stop comand has a / before the command text) the text you want to bold will be between the start and stop commands. (also could be called the begin and end commands)

So basicly you create these html commands with your desired text or pictures. Then copy it and paste it into comments or other sections of your web page or blog.

HTML is basic web programing / formating. You are creating commands that will tell the computers how and what to display.
====================================================
Links to valueable HTML resources

Here is a link to some Common HTML Codes
Here is a link to Color codes change color of text
More HTML help web sites:  http://www.computerhope.com/learnhtm.htm#a 
  (a very good and easy to understand help site)

Link to CSS Reference css is style sheets for formating a web page. Cascading Style Sheet - instructions format whatever you put up, although your instructions may be overridden by the site (sometimes, appending !important helps). CSS instructions are entered inside an HTML STYLE tag.
Other Refernce Link: http://www.mandarindesign.com/style.html
=====================================================
CHEAT SEVEN

More image html command help CLICK HERE

Click Here for a cool website where you can edit a sample html and click preview

===============================================

CHEAT FIVE - Basic Commands / HTML

Example: <CENTER> - Tells the web browser to center the text.

<CENTER>This text would center on the page.</CENTER>

Preview:

This text would center on the page.

More Basics

Example - Change color of text
<font color="blue"> Enter text here </font>

Preview
Enter text here

Example - Enter a Link
<a href="http://www.ianbach.com">enter link name or description here</a>

Perview
enter link name or description here

Example - Lets look at how to combine HTML codes.

black or default color text entered here <font color="blue"> Blue colored text entered here </font>black colored text continued here.

Preview

black or default color text entered here Blue colored text entered here black colored text continued here.

Example - Ok now we will see what happens if we add another command and mix the start and stops throughout the text. Each command starts when you tell it when and where to start and stops when you tell it to.

black or default color text entered here <em> black text in italics <font color="blue"> Blue text in italics </em> Blue colored text entered here </font>black colored text continued here.

Preview

black or default color text entered here black text in italics Blue text in italics Blue colored text entered here black colored text continued here.

================================================

CHEAT FOUR - Marquee

Create a banner text that scrolls across the text box.

This command <marquee> text </marquee> is very cool thanks to andreym24 for the cool new addition to this fun Blog I use it often. I come back here copy my old commands, edit them up a bit, and woot. makes it easy so I don't have to think about it much. I  just copy, paste, and edit. Thanks to all those who have contributed, and to those who find this to be a usefull tool.

<span style="font-size:14px;line-height:17px;"><marquee>Text Here</marquee></span>

<Marquee>test</marquee>

=======================================================

CHEAT THREE - Edit Text
Here I want to explain how to edit your text using HTML. This will give you more flexability and enhanced features / abilities. Also you can use this in comments and other areas that do not give you editing options. Most of the options used here are available in the Blog entry features.

Let's start with something basic.

<span style="font-size:14px;line-height:17px;">Text Here</span>

ok the Font size is the hieght of the text and the line hieght is the spacing plus text. So for double spaced text you would type 28  (in the line-height area) for a font-size of 14.
                 ---------------------------------------
Here is a more advanced text edit and HTML

Preview

<div style="text-align:center;"><font face="Times New Roman, Times, serif" color=#0000bf size=3><strong><em>Insert Text Here</em></strong></font></div>

All the above areas to edit are pretty easy but lets see what we have.
NEW**<p style=style="text-align:position"> = you can enter left right or center
You can use the <p> (paragraph define tag / code) instead of the div command / tag

* <div style="text-align:position"> = you can enter left right or center
* <font face="enter the font style" - you can enter arial, times etc, here
* <strong> = Bold
* <em> = italics
* Insert text here = sutitute this text for the text you would like to enter.
* Size= this is a more basic sizing method then the above mentioned method
* <Color=  I will try and make a color chart for different comonly used colors. The above color command is dark Blue.
** Notice how you have a begining and end HTML commands. Stuff like <strong> - <strong> goes before the text and </strong> goes after the text. Notice how the HTML command after has a / that is to indicate the close or end of the command.