Hello guys welcome to the next chapter of web development.

We have completed a very few basic things in the first chapter. If you haven’t seen the first chapter you can take a look here.

I am dividing this chapter in 2 parts as including everything in just one would make it very big and difficult for you to digest. Today we’ll learn a few formatting tags.These tags will help you format text however you want.

So let’s get started.

1)Bold,Italic,Strong,Emphasized

Code:

The above code will result into:

We start from the doctype as usual. Followed by that is the starting <html> tag. The <head> as we have already discussed includes the <title> tag which wont be displayed anywhere on the web page, but in the tab of your browser.

The next part is what we are actually gonna learn today, the formatting tags. These tags are pretty simple and straight forward, so you should not really have any problems using these.

The very first is the <b>…</b> tag, used to make the text bold. Followed by <i>..</i> tag, used to make the text italic.

The next 2 tags are, <strong>..</strong> and <em>..</em>, strong and emphasized tags respectively. Now when you use these tags on your browser you wont see any difference between <strong> and <bold>, and <em> and <i>. But in literal terms they are different. The <b>and <i> tags are just used to make changes in text, while <strong> and <em> are used to give importance to the text they are used on.

2)Small,Big,Strike

Code:

The above code will result into:

The next is the <small>…</small> tag, used to reduce the size of a text. Similar to small there is also a tag called <big>..</big> used to increase the size of the text. The <strike>…</strike> tags are used to put a strike-through on a piece of text.

3)Horizontal line,Line break

Code:

The above code will result into:

The <hr> tag is the horizontal line tag. Whenever on a web page you want to add a horizontal line this tag can be used. It will add a horizontal line on the web page from left to right.

The line break tag <br> is used to change the line. Suppose you have typed a few words and you want to add the next few words starting from the next line, on a web-page, you can use the line break tag.

You will observe that these tags don’t need the end tag i.e </tagname>, only the opening tags. It might happen that you are using differnet version of html and it wont support the above mentioned syntax, in that case you can use the syntax <hr /> and <br /> for horizontal line and line break respectively.

4)Delete, Insert

Code:



The above code will result into:

The next are <del>..</del> and <ins>..</ins> tags. Suppose while writing something on a webpage you include some information which you feel is inappropriate and want to remove it afterwards, you can simple use the <del>..</del> tag/s to do so. <ins>..</ins> tag/s works exactly the opposite, you can add some text in between.

5)Mark,Underline,Sub-script,Super-script

Code:

The above code will result into:

The next is <mark>..</mark> which is used to signify some text/s in a huge paragraph or something. You can see the result above.

9. You can add an underline to a word or a piece of text by adding the underline tag/s <u>..</u>

10.The sub-sript(<sub>..</sub>) and super-script (<sup>..</sup>) tags are used to shift a text above or low. It can be used in cases where you have to add a power of a number or base of logarithm in mathematics.

HTML5 is not case sensitive i.e if you use <P> instead of <p> still it will consider it as a paragraph tag. Though this might not be true for the earlier(stricter) versions of HTML. It’s always advised that though HTML5 accepts any case, one must always use lower-case as far as possible.Case sensitivity is a very important conecpt in the programming world. You must always take into consideration case sensitivity while learning any new language. Capital letters are known to be in Upper-case, while small letters are considered to be in Lower-case.

That’s all for the first part of this Chapter. As mentioned earlier this Chapter has been divided into two parts and the next part will be coming soon, which will included more text formatting tags and more. Thanks for reading this chapter. You can try all the tags we’ve done thus far, by making changes of your own. Share with your friends’, family, and associates if you liked this part. Stay tuned for more.