Thursday, August 27, 2009

Article - Basic HTML For Online Articles

When submitting articles online, you would usually not need to know HTML. But there are still a few article directories that only allows text submissions, and any formatting you need to do must be done also in text.

The following HTML tags are introduced in this article: unordered html list < ul >, list item < li >, anchor < a >, italics < i >, underline < u >, bold < b > and line break < br >. Although the tags accepted by different directories are not the same, for the most part, the tags here are all you need to be able to properly format your article.

HTML tags are enclosed within angle brackets, and the HTML tags in this article are shown with a space before and after the opening and closing angle bracket. This is done so that they will not be mistaken for actual formatting tags. When you are submitting your own articles, the spaces must be removed.

It might look a little daunting but I promise that you will end up with better looking articles, and it really is easy once you get the hang of it. Okay? Let's continue...

The Open And Close Tags Of HTML

Most HTML tags comes with an opening and a closing tag, while a few tags are used by themselves.

As an example, the italics tag needs to be closed and is used as follows:

< i >This sentence is in italics.< /i >

Notice the opening tag, < i >, and the closing tag, < /i >.

However, the line break tag does not need a closing tag and is used by itself:

There will be a line break after this sentence.< br >


Nesting basically means that the tags can be used inside of each other. But do be careful not to made the common error of interlinking instead of nesting the tags.

This is correct:

< i >< b >This text in bold and italics.< /b >< /i >

This is another correct example:

< b >The word < i >italics< /i > is in < i >italics< /i >.< /b >

This is not right:

< b >< i >This text will not be bolded and be in italics.< /b >< /i >

Bold, Italic And Underline Tag

The bold, underline and italic HTML tags are < b >, < u > and < i > respectively. Their closing tags are < /b >, < /u > and < /i > respectively. And they are used to bold, underline and italicize your text.

The following will bold, italicize and underline the text enclosed:

< u >< b >< i >This line is in italics, underlined and bold.< /i >< /b >< /u >

The Line Break Tag

This HTML tag is used to start a new line. This tag is used by itself and does not need a closing tag.

The following is an example of how it can be used:

There is a line break after this line.< br >

2 or more line break tags can also be used together:

You have inserted 2 line breaks after this sentence.< br >< br >

The Anchor HTML Tag

This tag is used to provide a link to another web page or web site. It is used with another HTML element called an attribute, and the attribute that you need to be concerned with is the href attribute.

To link to your website or blog, you will use the anchor tag in the following way:

Please visit my site < a href="MySiteDotCom" >here< /a >.

Note that in the previous example, the only word that will be underlined and clickable is the word "here". In addition, MySiteDotCom must be an actual url.

Unordered HTML List And List Item Tag

These 2 tags are used together to create an unordered list. The unordered HTML list tag < ul > is used to indicate the start and end of the list while the list item tag < li > indicates each individual item on the list.

For example, if you wanted an unordered list of 3 items, you would write something like the following:

This is a list of 3 items:

< ul >< li >First Item< /li >

< li >Second Item< /li >

< li >Third Item< /li >< /ul >

Observe the nesting of the list item tags within the unordered HTML list tag.


The article directories are many and varied and they also differ in which HTML tags they will accept. Do read their submission guidelines and remember to always use the preview button before submitting your article.