HTML is Hypertext Markup Language using which only your web pages(posts) will be displayed on the web browsers such as Internet Explorer, Mozilla Firefox etc. HTML is a set of tags that use to format/display the content in whatever the way you wanted.

All the tags, with some exceptions, will have Start Tag and End Tag. The tags are nothing but a special notation of discriminating from the other content. For example, below is the way of making your content bold.

The and are the start and end tags respectively. The end tag will have same keyword with an extra back slash ("/"). Here is the output of the above code.

Mostly you will use formatting tags as you require formatting of the content most of the times. The various types of formatting you can use are bold, italic, underline, Strike Through etc. Here is the examples of using them.

This is in bold

This is in Italic

This is underlined text

This is strike through text

U can nested one or more tags within other tags to archive the combination like bold and Italic, bold and underline, Italic and underline etc.

As you write paragraphs in your notebooks, you can define the paragraphs for your content in HTML as well. Use

tag to achieve this. You can make the text align in left, right, center or justified. One of the easiest way to achieve these alignments is use align attribute of the paragraph tag. See below example.

 

This text is aligned left side.

Attributes are nothing but the add on types for the original tags through which we can add additional functionality to the tag and in turn to the content. Attributes will be specified in side a tag and the types of attributes vary from tag to tag. For example, the align attribute which is available with the paragraph tag may not available with other tags.

Often you find interested to present some content in terms of points. For that purpose, the Ordered list and Unordered lists are useful. Ordered list will automatically adds the numbers starting from 1 to your points. You can alter this behavior which is an advanced topic and is out of scope of this topic. Unordered list will present the points in bullet list. See the examples below.

To create an ordered list, you need to use <

1. tag. Each of the point inside, either ordered or unordered list, should be specified by the
   • tag. You can use any other formatting or alignment tag inside the tag.The HTML code to produce the above lists is shown below.
tag and for an unordered list, you need to use

<ol>
 <li>This is first point of <b>Orderedb> list.li>
 <li> This is second point of <b>Orderedb> list.li>
 <li> This is third point of <b>Orderedb> list.li>
<ol>

<ul>
 <li>This is first point of <b>Un Orderedb> list.li>
 <li> This is second point of <b>Un Orderedb> list.li>
 <li> This is third point of <b>Un Orderedb> list.li>
<ul>

<blockquote>
 This is indent in one tab
 <blockquote> This is indent text with two tabs

The next tag which is most important tag which is Font tag. All of us know what font is. Font tells the format of the text like style, color etc. Using the attributes of the Font tag you can format the text in whatever the way you wanted. For instance, you can colorize the text,align the text in whatever the direction you want, apply styles etc.

<font color="red">This is colored in redfont>

Confused of creating hyperlinks within your content? Its very much simple. Creating the hyperlinks or simply links in HTML can be done using the anchor() tag. You can specify the attributes to the anchor tag which will add special properties like styles etc.

Using the href attribute of the anchor lin, we can specify the link which we want to open.

One special attribute is there for anchor tag which is target. Using target attribute of the anchor tag, we can specify where the link should be opened. For example, _blank will open the link in a new window, _top will open the link by replacing all frames, _parent will open the link in the parent window if the link is inside a frame or the window itself ifit is only window. See the example below.

<a href="http://www.boddunan.com"><b>A world of technical informationb>a>

<a href="http://www.boddunan.com" target="_blank">This will open in new window. Try it.a>

Subscript & Superscript Ofter you use to publish the formulas or mathematical calculations wherein you require to use subscripts and superscripts. For example logn10 or X2-Y2 etc. Another use is when you want to display the dates, for example 28th March 2009. Please note that letters printed just above or below the normal text which are called superscripts and subscripts respectively.

log<sub>esub>10=1

_^e.g.

28<sup>thsup> Mar, 2009

_{^{The output of the html text}}

_{^{28th Mar, 2009.}}