-->

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:

HTML page to play video and audio using video controls tag

Here is our HTML page.
-------------------------------------------------------------------------------------------
<html>
<head>
<title>
vhow 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>
<video controls>
<source src="video/billgates.mp4"><br>
</video>
<br>
<h4>we can also play audio files with audio tag</h4>
<audio controls>
<source src="video/ommusic.mp3"><br>
</audio>

</body>
</html>

 --------------------------------------------------------------
Before we test it, there must be files inside folder named video.

No comments:
Labels: ,