Pages

Tuesday 26 February 2013

HTML PART 2


Presentational Tags

 WE are familiar with the ability to make text bold, italic, or underline; these are just three of the ten options available to indicate how text can appear.

So let’s begin with all this tags.

Bold text-The <b> tag

Any text that written in between <b>…<b/> tag was considered as bold.


Here we can see that in first line it is written with <p> tag that is I dreamed only of seeing prague
And in second line it is written with <b> tag that this is paragraph two……..<b/>
See what is going to happen



We can see that the text was written in bold.

Italic Text - The <i> tag
Any text that written in between <i>…<i/> tag was considered as italic.


In the following figure we have use the <i> tag


Underlined Text - The <u> tag
Any text that written in between <u>…<u/> tag was considered as underline.

In the following figure we have use the <u> tag after the <i> tag

Strike Text - The <strike> tag
Any text that written in between <strike>…<strike/> tag was considered as strike through.

In the following figure sentence has been written in between the<strike>

Monospaced font - The <tt> tag
The  <tt>tag is written in monospaced font. Most fonts are known as variable-width fonts because different letters are of different widths. In  monospaced font each letter is the same width.



Superscript Text - The <sup> tag
The font size used is the same size as the characters surrounding it but is displayed half a characters height above the other characters.



Subscript Text - The <sub> tag
The font size used is the same as the characters surrounding it, but is displayed half a characters height beneath the other characters.



Larger Text - The <big> tag
The content of the <big> element is displayed one font size larger than the rest of the text surrounding it.



Smaller Text - The <small> tag
The content of the <small> element is displayed one font size smaller than the rest of the text surrounding it



Grouping –The<div> and <span> tag
It helps us to create the section or subsection of any page.
For creating the link first you have to open the run dialog box by pressing window key + r then the run dialog box will appear. After that click on browse button then other window will appear on the screen after that choose that file where you have save your document by xyz.html name after that the link will appear on the run dialog box like ”c:\user\Acer\Documents\xyz.html”   copy that link and past on the notepad with the help of ctrl+v and type <a href=”c:\user\Acer\Documents\xyz.html”>and then write that name which you want to give like home or etc.
For better understanding let us take the following example

Then the following thing is going to happen

Here we can see that there is three icons are coming on the screen so just click on any icon and see what is going to happen.
Let’s click on the home icon if your link is created correctly then you will find that by moving the mouse over that icon it changes into hand sign and then click on it

After clicking on the icon like in home we can able to see that the following page has open and if we want to go back to the first page that again the process has to repeat.
We have to write the following code again <a href="C:\Users\Acer\Documents\surajit.html">back</a>
Then the back link will going to create and we will find the back icon on the screen

And by clicking on that particular icon we can go to the main page
We can also create the links between the all pages by same methods. And it will become easier to navigate between two pages.

HTML phrase tags
  As we have discuss earlier also that about the bold, italic, and other tags but some elements give text emphasis and strong emphasis respectively and there are several elements for marking up quotes.
So we are going to discuss all about that tags only

Emphasized Text - The <em> tag
The content of an <em> element is intended to be a point of emphasis in your document, and it is usually displayed in italicized text.

In the following figure we can see that heading is written in between the <em> tags and let us see what is going to happen

Here we can see that heading has become italic
Strong Text - The <strong> tag
 The <strong> tag is intended to show strong emphasis for its content; stronger emphasis than the <em> tag. As with the <em> tag, the <strong>tag should be used only when you want to add strong emphasis to part of a document


Here we can see that heading is written in between <storng> lets us see what is going to happen

Text Abbreviation - The <abbr> tag
It is used to indicate abbreviated when we are using an abbreviated form by placing the abbreviation between <abbr> tags.

In the following figure we can see that pen drive is written in between <abbr> tag and after that pd is written which is the short form of pen drive so let’s see what is going to happen

Here we can see that when we move our mouse over the pd we can see that pen drive is highlighting over there.








                                                          to be continued.............................. 


No comments:

Post a Comment