-->

HTML page with iframe tag

Let's follow the example to understand working of iframe.
---------------------------------------------------------------------------------------------------------

<html>          <!--called root tag-->
    <head>      <!--contains meta information of page-->
        <title><!--contains title of page-->
        html with iframe;it is used to display page's content inside another page.
        </title>
    </head>
    
    <body>
        <h2> page in html</h2>
        <h1>this is heading</h1>
        <iframe width="100%" height="500px" name="dis_a"></iframe>
        <!--uses given width and height with name. This name is used as target-->
        <a href="heading.html" target="dis_a">click for heading</a>
        <!--we display the content of heading.html to that frame which has name "dis_a"-->
    </body>
</html>
No comments:
Labels:

HTML block and inline:

We can take following examples to understand about inline and block concept.
---------------------------------------------------------------------------------------------------------
1) HTML page to understand inline concept(using span).

                                                                                  click the solution

2)HTML page to understand inline concept using div.

                                                                                     click the solution

3)HTML page to understand block concept.

                                                                                       click here

No comments:

HTML page to understand block concept.

Here is a quick example to understand about block concept.
--------------------------------------------------------------------------------------------------
<html> <!--root tag-->
<head> <!--meta tag-->
<title><!--title tag-->
html block  concept
</title>
</head>
<body><!--body tag; it is a container-->
<p>learning block concept. In this the text is placed in different line.It  breaks the line.t</p>
<!--A block-level element always starts on a new line and takes up the full width available (stretches out to the left and right as far as it can).
examples are:
address
article,fieldset,nav,header,table etc
      -->

</body>
</html>
No comments:
Labels:

HTML page to understand inline concept using div.

------------------------------------------------------------------------------------------
<html> <!--root tag-->
<head> <!--meta tag-->
<title><!--title tag-->
inline concept
</title>
</head>
<body><!--body tag; it is a container-->
<div><span>learning inline concep. In this the text is placed in same line.It doesnot break the line.t</span></div>
<!--An inline element does not start  a new line 
and takes up as much width as necessary.
      We have many such inline elements:
      br,big,buttom,dfn,output etc


      -->

</body>
</html>
No comments:
Labels:

HTML page to understand inline concept(using span).

Here is a quick example to understand inline concept.
-----------------------------------------------------------------------------------------------------
<html> <!--root tag-->
<head> <!--meta tag-->
<title><!--title tag-->
inline concept
</title>
</head>
<body><!--body tag; it is a container-->
<span>learning inline concep. In this the text is placed in same line.It doesnot break the line.t</span>
<!--An inline element does not start  a new line 
and takes up as much width as necessary.
      -->
</body>
</html>
No comments:
Labels:

HTML page with video ,audio

We use related tags to play audio and video.
---------------------------------------------------------------------------------
1) HTML page to play video
                                                                             click here

2)HTML page to play audio.

                                                                             click here

3)HTML page to play audio and video using object tag.

                                                                         click here

4)HTML page to play video and audio using video controls tag.

                                                                        click here


No comments:
Labels:

HTML page to play video and audio using object tag

<html>
<head>
<title>
how to play video
</title>
<head>
<body>
<h3>in HTML 5.0, we can use video tag</h3><br>
<h4>click the Bill Gates video to play</h4><br>
<object data="video/billgates.mp4"></object><br>
<br>
<h4>we can also play audio files with audio tag</h4>
<object data="video/ommusic.mp3"></object><br>

</body>
</html>

 ----------------------------------------------------------------
We must have files before we write this code in an editor.
No comments:
Labels: