Tuesday, February 14, 2012

Basic HTML tags - Part 2

Here we go for our another dive into HTML, not so deep but enough at the time. I hope you have stored those tags of part 1 in your mind, because without them HTML is nothing. And for your ease I am providing you pdf file of previous post of HTML basic template. Download from here.
and here is Basic Tags Part 1 pdf, Download here.

Ok so now we are going to know about new HTML tags.

List of Tags:
<big>
<center>
<em>
<img>
Enough for this session. :D ;)



BIG tag
Ok so we'll start from the first tag is <BIG> tag.
This Line has been written in Big tag

Looking different than the lines above and below? You can check out the source code of this page by right clicking on the page and View Source. Then find the tag "big" tag.
It will slightly make your text bigger than other. Means no strong effect like Bold and not Normal too, its just a medium effect.
I think you will get better idea after reading next two line, first is without big and second is written with.

AAEEIIOOUU
AAEEIIOOUU
Now I think you got the idea about big tag
Lets check out the next tag.

Center tag.
This tag is useful for aligning the texts and other objects to the center. A line below has been aligned with center tag.



This is the example of CENTER tag


Oh great! This is the nice trick to get attention for important text, there are few more tags to throw light on some content but "we'll throw it after getting this!" :D

Emphasize tag
Ok this another tag through which we can get readers attention slightly. Though this tag is not as strong as center and others but will surely help in way where we don't want reader to get full attention. Like if someone is related with what you are writing then you can emphasize the name of that personality or object to differentiate it with paragraph text. Below it the paragraph with "em" tag with in it.

Hi, Visitor this is a place where you can learn the programming languages from the Scratch. Programming languages on which we are posting are, HTML, JAVA, C, PHP. These are the main but if you want any other language listed here you can surly contact us via comments.

I hope you can identify the emphasized text pieces from the para, actually there is no more difference between Italic and Emphasize tags. Let move to next tag, which is very favorite and essential. And that tag is..
IMaGe tag
You can't imagine making a webpage without any images. OR if you will make any without the images, I can assure you that it won't get more attraction. We are using images in webpages to make it more elegant, spicy and juicy for the visitors.

You can add image to your html page with the use of this tag in this way.
<img src="full path to your image with extension"></img>
Below is the example of img tag.with Center align using center tag.



Later we'll dive deeply into all these tags, and will see more tags from pile of HTML tags.
Till then Siyonara, Take Care, and Happy Valentines Day!

Comments and Questions are appreciated via Comments.

0 Responses:

Post a Comment