Some Basic Html Tags Used In Blogger

Most of the blog platforms now provide specialized ways of editing a post. They provide many formatting tools so that readers can make their page look according to their wish. This post is after my incident happened last year. When a year before i didn't knew what blog really was i started to use it just for fun. Later i knew it's importance start blogging. For the first post i really suffered more trouble. I also didn't knew how to bold, italicize, colour, etc. a text. That was that and now i know probably many tricks at present and it was a really good thing that i took Html classes and found later it was tags which bold or italicized a letter.
So friends its good to learn some Html tags so that you want meet the incident which i had meet. So lets begin.


BASIC FORMATTING TAGS:

• <bold>bold</bold>
• <strong>strong</strong> (usually bold)
• <u>underlined</u>
• <i>italics</i>
• <em>emphasis</em> (usually italics)
• <strike>strike through</strike>
• <center>This centers text on the page</center>
• <tt>teletype text</tt> (typewriter text)
• <blockquotes>blockquotes</blockquotes> (how this looks will depend on your CSS template but it usually indents your paragraph)

LINK TAGS:

• Basic link: These are the hyperlinks on a page when clicked jumps into another page.

A model of a basic link is given below;

<a href=”url”>Title</a> (where ‘url’ is the page you want to link with and 'Title’ is the name of that very link.

• Email Link: These are also the hyperlinks but they usually are links when clicked jumps to mail.

A model of a email link is given below;

<a href=”mailto:EMAIL”></a> (where ‘EMAIL’ refers to the mail id you want to mail to)

HEADING TAGS;

• <h1>The Most Important Heading</h1>
• <h2>A slightly less important heading</h2>
• <h3>A less important heading again</h3>
• <h6>The smallest heading</h6>

FONT TAGS;

Font tags are usually used to style your fonts. But because of development of blogger font tag has been replaced by span tags. However font tags are also applicable but <span> tags is good to use. It is so because it is applicable in many platforms and also have man attributes also.

IMAGE TAGS;

•  Basic Image tag – <img src=”url”> (where url = the website url of your image you want to link with)
• -Image with sizing <img src=”url” width=”200″ height=”150″> (where width represents the width of your image and height represents the height of the same image)
• -Align image – <img src=”url of image” align=left> (where align represents the image to be placed left, right, top or bottom of a browser's page)
• Alt Tags – <img src=”url” alt=”short description of image”> (an alt tag tells the reader what they are missing if the image doesn’t load in their browser.
• Image as a link – <a href=”link url”><img src=”url”></a> (where ‘link url’ is the url of the page you want the image to link to and ‘url’ is the image location).
• Image with border – <img border=”1″ src=”url”> (the larger the number in the border “” the thicker the border will be)
•  Space Around Image <img src=”url” hspace=10 vspace=10> (hspace is the horizontal space and vspace is the verticle space. The numbers are the amount of pixels surrounding the image)

LISTING TAGS;

There are two types of listing tags. They are ordered and un-ordered  list . Mostly un-ordered  list  are bulleted list and ordered list are numbered list.

• Unordered List

eg; 

<ul>

<li>first item</li>

<li>second item</li>

<li>third item</li>

<li>fourth item</li>

</ul>

• Ordered List

eg;

<ol>

<li>first item</li>

<li>second item</li>

<li>third item</li>

<li>fourth item</li>

</ol>

Friends these are only some examples of HTML tags. There are many more out there. Grab them fast. For better blogging you should also be a better HTML editor.

Thank you for your time and if you have confusion related to this post then comment below and please help by subscribing and sharing.