HTML Basic Programming

clookid · #1 (**permalink**) 02-08-2007, 02:24 PM

HTML Basic Formatting

Welcome to the HTML Basic Formatting tutorial of Webmaster's Tutorials! You will learn a lot of important tags in this tutorial, two of which have different ways of doing them but please do not pick at me for choosing a way that you do not like.

After reading this tutorial you will know:

how to bold text.
how to do italics text.
how to underline text.
how to give text emphisis.
how to do a line break.
how to use paragraphs.
how to do a horizontal line.

As I do in all of my tutorials, I am going to start off with an example and explain it bit by bit. This example is actually going to have a use!

Here is the example:

Example 1-1:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
      <title>HTML Example</title>
  </head>
  <body>
    <b>This text is bold.</b>
    <i>This text is italics.</i>
    <u>This text is underlined.</u>
    <em>This text has emphisis.</em>
    <br>
    I have just used a line break.
    <p>This is a paragraph.</p>
    This is a horizontal line.
    <hr>
  </body>
</html>

The above will output:
This text is bold. This text is italics. This text is underlined. Cannot give text emphisis with BBcode.
I have used a line break.

This is a paragraph.

This is a horizontal line.
Cannot do horizontal lines with BBcode.

Line 1:
This is just the first opening line of an HTML document (you already know this from the last tutorial).

Line 2:
This is just the first opening line of an HTML document (you already know this from the last tutorial).

Line 3:
This is the opening of the head tag.

Line 4:
This is the title of the document. In this case it is "HTML Example".

Line 5:
This is the closing head tag.

Line 6:
This is the opening of the body tag.

Line 7:
This is finally a tag that you do not know! It outputs bold text.

Line 8:
This outputs italical text.

Line 9:
This underlines text.

Line 10:
This gives text emphasis.

Line 11:
This is a line break. A line break moves text to the next line.

Line 12:
This is just outputting text after the line break.

Line 13:
This is a paragraph.

Line 14:
This is just outputting text before the horizontal line.

Line 15:
This is a horizontal line.

Line 16:
This is closing the body tag.

Line 17:
This is finally bring the script to a conclusion (closing the document).

You have finally come to the end of this tutorial. I hope you enjoyed it! Keep practicing, you will not get all of this information in one gobble. You may need to read this tutorial over and over again until you understand/remember all of the tags that you have been taught.

You must have authors permission to spread this tutorial!

karrar · #2 (**permalink**) 02-26-2007, 11:08 AM

Very basic and easy to understand article . I hope it will help newbies a lot and they should test it practically to understand methodology behind HTML.

clookid · #3 (**permalink**) 02-26-2007, 01:10 PM

I was originally going to make a tutorial site with these tutorials but gave up because I couldn't afford to spend so much time writing them. Now I just post them up on forums!

karrar · #4 (**permalink**) 02-26-2007, 06:05 PM

I think there is nothing wrong and you should share your tutorials with us . Online Tutorials worths a lot for learning and these are always great .