FONT SIZE

With this tag we can increase or decrease the font size. The default size is 12. We can increase this till +7 or decrease till -7. We use (+) sign for increasing and (-) sign for decreasing. The tag format is
<FONT SIZE=0>............................................</FONT>

Example:

<HTML>
<HEAD>
 <TITLE>
Program 7
</TITLE>
</HEAD>
<BODY>
<FONT>My new Program</FONT>
<FONT SIZE=+2>My New Program</FONT>
<FONT SIZE=-2>My New Program</FONT>
</BODY>
</HTML>

You can use this tag in other way. Just use <FONT SIZE=(your desire size)>...</FONT>

Don't forget to write me if u face difficulties.

 

Revision 0.0.1

Today we are going to revise all the things we learn so far. We will write all the tags in a single page. So far we learnt how to BOLD, or ITALIC or UNDERLINE a text.  Then we learn how to BLINK and SUPERSCRIP SUBSCRIPT. We are going to see all them again. So first of all we have to open a new Notepad. and then start writing

<HTML>
<HEAD>
<TITLE>
Revision
</TITLE>
</HEAD>
<BODY>
We Learn how to BOLD a text and <B> this is BOLD text</B> and then we learn how to use ITALIC,<I> its looks like this</
I>, and then we learn UNDERLINE and we will underline the important things like this<U>I am using UNDERLINE</U>, We learnt how to blink the text  and it works like <BLINK>I am Programmer</BLINK>. and at last we learnt SUBSCRIPT and SUPERSCRIP and they are interesting like H<SUB>2</SUB>O and a<SUP>2</SUP>b.
</BODY>
</HTML>
Revision

So far this was all we learnt. Hope you are enjoying. If any problem don't hesitate to contact with me.

Subscript and Superscript Element

SUBSCRIPT
We familiar with Subscript element. It is mostly used in chemical name , The tag is looks like
<SUB>………………….</SUB>

Example:

<HTML>
<HEAD>
<TITLE>
Program 6
</TITLE>
</HEAD>
<BODY>
This is normal H2O and This is SUBSCRIPT H<SUB>2</SUB>O
</BODY>
</HTML>


 Description of Code: Use this tag before the world or latter you want to Subscript.

SUPERSCRIPT
It is opposite of subscript, Its tag looks like <SUP>......................</SUP>. It is mostly used in mathematical terms.

Example

<HTML>
< HEAD>
< TITLE>
Program 6
< /TITLE>
< /HEAD>
< BODY>
This is normal a2b and This is SUBSCRIPT a<SUB>2</SUB>b
< /BODY>
</HTML>

The saving procedure is like before, but if u face something wrong then don't forget to write me.
 
  

Blink Text

Now e will learn how to blink some part of a text.  Its work like


So for doing effect like this we have to use a tag. The tag format is 
<BLINK>..............................</BLINK>

Example:


<HTML>
<HEAD>
<TITLE>
Program 6
<?TITLE>
</HEAD>
<BODY>
This is Normal <BLINK>This is Blink</BLINK>
</BODY>
</HTML>

Now you have to save as a old style. Go to file then save . Write a filename like this way, program6.html. and save it and then go to the file and right click on it and open with Mozila firefox or any other browser. I hope this will help u.

If any difficulties you face just comment and I will try to solve

Italics and Underline Elements

We are Learning how to enhance your body contents.  If You want to represent some parts of your text as Italic format then you can use this tag,
<I>…………………………………..</I>

For Example:

<HTML>
<HEAD>
<TITLE>
Program 5
</TITLE>
</HEAD>
<BODY>
This is my Normal writing and <B>this is BOLD</B>
</BODY>
<HTML>
 

Now if you want to Underline any part of text then u can use this tag
<U>………………………..</U>

For Example:

<HTML>
<HEAD>
<TITLE>
Program 6
</TITLE>
</HEAD>
This is Normal <U>This is Underline</U>
</BODY>
</HTML>

Code Description:  In BOLD case just start the tag before the sentence or the word u want to bold and close it just after end of that word or sentence and same with the underline tag.

If you found any difficulties just comment and I will try to solve

Bold Face Element

After learning the BODY tag now we will learn how to enhance the body part. In text mood if you want to BOLD any part of your text then you have to use the BOLD tag. This tag looks like following:
<B>.............................</B>
Now we will see how it works:

<HTML>
<HEAD>
<TITLE>
Program 4
</TITLE>
</HEAD>
<BODY>
This is normal <B> This is Bold</B>
</BODY>
</HTML>

To safe follow the previous process
 

Use of BODY Element


After the <HEAD> tag and <TITLE> tag <BODY> tag starts. The main contents of a webpage stores here. Inside this part we can contain images, audios, videos or anything else like forms or something else. It is a container type tag so it starts with <BODY> and ends with </BODY>.By using font tag we can change the fonts of the body. Later on we will discuss about these tags. Body tag looks like following:

<BODY>
..............................
..............................
..............................
</BODY>

Now we will see how it works on a webpage coding.

<HTML>
<HEAD>
<TITLE>
Program 3
</TITLE>
</HEAD>
<BODY>
This is my 3rd Program
I am happy to learn HTML
</BODY>
</HTML>
This is how it will look in HTML
Now the saving procedure is like before. Go to File then Save As then put a name Like program3.html   , We write html because it is the extension for web file. Otherwise it will not open in Browser.
 
 
 
 
 


Lets move on to Next Program


We will now Learn How to put tile on your webpage. Title tag is  <TITLE>...........</TITLE> . For doing this first you have to open the notepad. Then write down the following codes.
 

<HTML>
<HEAD>
<TITLE>
Online School
</TITLE>
</HEAD>
<BODY>
My Program
</BODY>
</HTML>
 

Now you have to do the same things like previous to save this program. Go to save as and then put a name like program2.html and press save button. So when u run it you can see the title.  Actually what ever you put on TITLE Tag that will be your title. We will declare the title at the beginning.   For any questions please put comments

Lets Start


If you are using Windows xp or Windows seven operating system then simply go to all programs and select accessories and then notepad. Like:
Start=>All programs=>Accessories=> Notepad
If you are using Windows 8 then move your cursor to the corner of the right side and click on search, then type notepad and then select it.

Then type the following codes
<HTML>
<HEAD>
1st Program
</HEAD>
<BODY>
We are Learning HTML
</BODY>
</HTML>
 
Now Click on fine and then save as
File Name  program1.html         (Just write this way)  and then click save

Now go to the location where u keep it and then double click it.  You will see this type of page

Describing the coding:

Look the codes starts with <HTML> and end with </HTML>. Inside the HTML Tag there is to other tags called HEAD and BODY.. Normally we use head tag for some sort of Headlines, and inside the BODY tag we put our desire output.

HTML Structure


HTML is written by using tags. Every tag starts with ‘<’  ‘>’  and end with same sign but with a /. For example we can see <HTML>, </HTML>.  It is mandatory to start and end every HTML file with <html> and </html>.  In between HTML tags there are HEAD and BODY section. So more or less it looks like :

<HTML><HEAD>
…………………………….
</HEAD>
<BODY>
……………………………
……………………………
</BODY>
</HTML>

Learning Web page Development with HTML


HTML means Hyper Text Markup Language. In general  we can write documents with MS word or word pad or note pad but they are not suitable for sending or publishing in web. So we need a mark up language. It is not like C++ or Visual Basic , its a scripting Language. It is very easier then programming language. HTML is coding by using tags, so any one can do it by using tags. After starting the process you can understand how easy it is.