|
Article writers must not shy away from basic HTML. Basic HTML for writers helps them easily format their article and most importantly place live link to the website they produce with the correct anchor tag.
Formating Headers with HTML - Though not necessary in most cases, it doesn't hurt to know how headers are formatted. H1 is biggest header font, H2 is smaller and H4 is even smaller.
<H1> Heading H1 </H1> produces
Heading H1
<H4> Heading H4 </H4> produces
Heading H4
Bold, Italics and Underline - Authors need to emphasize a point with Bold, Italicized or Underlined words or phrases. Easily do it with simple HTML tags.
Formatting Bold
<B>Bold</B> produces
Bold
<I>Italicized</I> produces
Italicized
<U>Underlined</U> produces
Underlined
The <STRONG> tag produces results similar to <H4> tag.
Paragraph Breaks and Hard Line Breaks
HTML tag for paragraph break is <P> and for hard line break is <BR>
<P> Put the <P> tag at the beginning and end of a paragraph. It produces a paragraph that runs to different sentences </P> produces a new paragraph.
This is a paragraph. This paragraph is formatted with p tags. A p tag '<P>' at the beginning and the closing tag '</P>' at the end of this paragraph produces a paragraph.
<BR> Put br tags between sentences to produce hard line break without producing a new paragraph. </BR>
These are hard line breaks.
A hard line break is formatted with br tag.
A br tag '<BR>' at the beginning of a sentence or phrase and its closing tag '</BR> at the end of the sentence or phrase produces a new sentence without going to a new paragraph.
Hard line breaks have no vertical spacing.
Formatting Lists with UL and OL tags
For bulleted lists use '<UL>' tags and for numbered lists use '<OL>' tags. Also use <LI> tags to enclose individual items in a list.
Bulletted Lists<UL>
<LI>Individual Item 1</LI>
<LI>Individual Item 2</LI>
<LI>Individual Item 3</LI>
</UL>
Produces
- Individual Item 1
- Individual Item 2
- Individual Item 3
<OL>
<LI>Individual Item 1</LI>
<LI>Individual Item 2</LI>
<LI>Individual Item 3</LI>
</OL>
Produces
- Individual Item 1
- Individual Item 2
- Individual Item 3
Creating live links with HTML
Linking or properly using anchor text is a problem for some newbie authors. Here is a magic shot for you. The HTML tag for link is <A>, which can be used to a web page or an email address.
This is how you link to a web page
<a href="http://mywebsite.com/">http://mywebsite.com/</a> and
<a href="http://mywebsite.com/">Keyword Anchor Text</a>
Produce
http://mywebsite.com/ and
Keyword Anchor Text
You will need to use both of them in your article writing. Using keywords in anchor text looks nice and is beneficial in search engine ranking.
This is how you link to an email address
<a href="mailto:name@domain.com">name@domain.com</a> and
<a href=" mailto:name@domain.com">Send me an email</a>
Produce
name@domain.com and
Send me an email
Work with all the HTML tags in this tutorial for less than thirty minutes. You will change your status from newbie to professional in that much time. Happy formatting with HTML tags in your article writing efforts.
No comments:
Post a Comment