Monday, March 24, 2008

Easy Learning Basic HTML

Many people are put off building their own website or changing templates because they think that learning HTML very difficult. Others also believe that creating your own website means purchasing expensive software. Yes there are many different programs out there that can be used to create a website for you, but basically you can do it all for free if you are willing to spend a little time learning the basics of HTML.

All over the Internet you can find websites offering template that you can download to your computer and add your own content too. Some of these templates are better than others, but even if you do find a high quality template, you still need to know some basic HTML otherwise website will have exactly the same design as everyone else who downloaded that same template.
Like everything else in life learning basic html just requires the right information.
So many times I have been asked by visitors to my HTML for beginners website how do I make my words bold? Or how do I make my text bigger? Using simple tags before and after the text involved will do this.

You can learning basic HTML Tags to get you started:

<*b>Types the text in bold.<*/b> This tag will make your words appear bold.
<*i>This should be italicized.<*/i> This will give your words an italic look.
<*u>Underline this text.<*/u> This text will be underlined
<*hr /> This forms a horizontal line. ___________________
<*font style="color:######;">Change color.Text here<*/font> This will change the color of (1) word. This (######) should be placed with the code for the color you want to use. For example if you wanted your words to be red the signs would be replaced with #ff0000
So your code will now look like this and your text will be red <*font style="color:#ff0000;">Change color.Text here<*/font>

<*small>This should be in small.<*/small> Make your text small
Combining Basic Html Tags
Perhaps you may want to combine some of the basic HTML codes above. Lets say you want to make your text bold and italic. This is what your code will look like.

<*b><*i>Text in bold and italic<*/i><*/b>
Notice we have put both the bold tag <*b> and the italic tag <*i> together to give us our bold and italic text. These combinations can also be applied to color. If you would like to make your text underlined and green, this is how the tag should appear.

<*u><*font style="color:#00ff00;">Change color of 1 word.Text here<*/font><*/u>
In all of the above code the * should be removed to make your code work correctly. The * is used to allow you to see the actual code but must be removed when placed on your site.
These are just some of the simple things you can do to change the look and feel of your website. To learn more why not check out some of the online basic HTML tutorials to get you started and in no time at all you will be past the basics of HTML and onto pro HTML coding.

No comments: