-->

HTML with hyperlink(internal)

Go through following example.
->Suppose we are switching from pageone.html to pagetwo.html.
->We must save these two files inside same folder.
---------------------------------------------------------------------------------------------
pageone.html
----------------------------------------------------------------------------------------
<html> <!--called root tag-->
    <head>      <!--contains meta information of page-->
        <title><!--contains title of page-->
        it is first page
        </title>
</head>
<body><!--contents part-->
<h1>this is page one</h1>
<h2>We are talking about internal link</h2>
<a href="pagetwo.html">Goto page two</a>
<!--it is called internal link-->
                <!-- we use <a href> tag-->
<br>
<h2>We are talking about external link</h2>
<a href="http://www.google.com">goto google.com</a>
<!--it is called external link-->

</body>
</html>

 --------------------------------------------------------------------
pagetwo.html
----------------------------------------------------------------------------------
<html> <!--called root tag-->
<head> <!--contains meta information of page-->
<title><!--contains title of page-->
page two with image
</title>
</head>
<body><!--is container-->
<h1> this is page two</h1>
<img src="pictures\picture1.jpg" width="400px" height="400px" alt="building">
<!--it inserts an image-->
</body>
</html>

 -----------------------------------------------------------------------------------
note:-
pagetwo.html contains picture. so the picture must be saved inside pictures folder.And this folder must be inside same folder as of that two html files.
 

HTML links

We use different types of link. 
->It can be internal i.e. switching from one page to another in a site.
->It can be external i.e. we can jump from one site to another.
->single page link i.e. we can go from any part of page to any other part.

To understand this in detail, let's get into example.
-------------------------------------------------------------------------------------------
1) HTML with hyperlink(internal)

                                                     click here

2) HTML with hyperlink(external)


                                                   click here

3) HTML with same page link


                                                  click here

HTML with style(part4)

to understand CSS with HTML ,we have taken another example.
------------------------------------------------------------------------

<html>          <!--called root tag-->
    <head>      <!--contains meta information of page-->
        <title><!--contains title of page-->
        html css
        </title
    </head>
    <body style="background-color:honeydew;">
    <!--body tag with style and value-->
    <h2 style="color:blueviolet;"> page in html</h2>
    <!--applying style with property and value-->
    <B style="font-size:30px;">am learning html.</B>
    <!--applying style to tag B-->
<u style="text-align: right;">it is on left</u>    
<!--we can use left or right or justifyetc-->
</body>
</html>

HTML with style(part3)

Here, we have another example.
----------------------------------------------------------------------------------------

<html>          <!--called root tag-->
    <head>      <!--contains meta information of page-->
        <title><!--contains title of page-->
        html css
        </title
    </head>
    <body style="background-color:honeydew;">
    <!--body tag with style and value-->
    <h2 style="color:blueviolet;"> page in html</h2>
    <!--applying style with property and value-->
    <B style="font-size:30px;">am learning html.</B>
    <!--applying style to tag B-->
    </body>
</html>

HTML with style(part2)

Let's take a look at following example to understand it.
--------------------------------------------------------------------------

<html>          <!--called root tag-->
    <head>      <!--contains meta information of page-->
        <title><!--contains title of page-->
        html css
        </title
    </head>
    <body style="background-color:honeydew;">
    <!--body tag with style and value-->
    <h2 style="color:blueviolet;"> page in html</h2>
    <!--applying style with property and value-->
    I am learning html.
    </body>
</html>

HTML with style(part1)

Look at following example with comments to understand it.
------------------------------------------------------------------

<html>          <!--called root tag-->
    <head>      <!--contains meta information of page-->
        <title><!--contains title of page-->
        html css
        </title
    </head>
    <body>
    <!--is a container and contains everything-->
    <h2 style="color:blueviolet;"> page in html</h2>
    <!--applying style with property and value-->
    I am learning html.
    </body>
</html>

HTML with styles

We can style our HTML page. For this we have to use CSS. We can use CSS in different way.
Let's understand this using following example.
--------------------------------------------------------------------------------------------------
1 ) HTML with style(part1)
 
                                                         click

2) HTML with style(part2)

                                                       click

3) HTML with style(part3)

                                                      click

4)HTML with style(part4)


                                                      click