-->

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


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.

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.

HTML page to play audio

<html>
<head>
<title>
how to play video
</title>
<head>
<body>
<h4>click the Bill Gates video to play</h4><br>
<embed src="video/ommusic.mp3"><br>
</body>
</html>

 ----------------------------------------------------------------------------------------
note:-
We must have file ommusic.mp3 inside folder video.

HTML page to play video

<html>
<head>
<title>
how to play video
</title>
<head>
<body>
<h4>click the Bill Gates video to play</h4><br>
<embed src="video/billgates.mp4" width=500px height=500px><br>
</body>
</html>

 ----------------------------------------------------------------
note:
Before we test it, we must have file billgates.mp4 inside video folder.

HTML with rows and columns.(a total working website).

We are gonna have a total working site. For this, we have to have following pages.

hello everybody,
read this first
->before you use this, confirm that you have predefined format of your web site/content.
->you bring all menu's list to be included in your site in side 'menu'html file
->then, you can display your content yourself inside content area.
->you can edit/or insert picture in header area.
-> if you need footer , you can break index.html page with one more row.

if any help needed, contact me.

krishnaamallik@gmail.com
--------------------------------------------------------------------------------------------------------
index.html
-----------
<html><!--root tag-->
<head><!--meta tag-->
<title><!--title tag-->
frame
</title>
</head>
<frameset rows="25%,70%,5%" noresize="noresize">
<!--creates three rows of diff. partitions-->
<frame src="header.html">
<!--first partition is for header.html-->

<frameset cols="20%,80%">
<!--second partition is further divided into
two columns of width 20 and 80%
-->
<frame src="menu.html">
<frame src="content.html" name="conn">
</frameset>
<frame src="footer.html">
<!--it is for third partition-->
</frameset>
<body>
</body>
</html>
----------------------------------------------------------------------
we are using other pages too. We must put all those pages in same folder as that index.html is.
-------------------------------------------------------------------------
menu.html
----------------------------
<html>
<head>
<title>
frame
</title>
</head>
<body>
it's menu part <br>
<a href="firstgen.html" target="conn">first gen</a><br>
<a href="secondgen.html" target="conn">second gen</a>
</body>
</html>
------------------------------------------------------------------------------------------
header.html
-------------------
<html>
<head>
<title>
frame
</title>
</head>
<body>
it's menu part <br>
<a href="firstgen.html" target="con">first gen</a><br>
<a href="secondgen.html" target="con">second gen</a>
</body>
</html>
---------------------------------------------------------------------------------
footer.html
--------------
<html>
<head>
<title>
frame
</title>
</head>
<body>
<p align="center">copyrights reserved</p>
</body>
</html>
-------------------------------------------------------------------------
content.html
----------------
<html>
<head>
<title>
frame
</title>
</head>
<body>
welcome to page!
</body>
</html>
-------------------------------------------------------------------------------------
firstgen.html:-
-----------------
<html>
<head>
<title>
frame
</title>
</head>
<body>
<p align="justify">
A first generation (programming) language (1GL) is a grouping of programming languages that are machine level languages used to program first-generation computers. The instructions were given through the front panel switches of these computers, directly to the CPU. There was originally no compiler or assembler to process the instructions in 1GL.

The instructions in 1GL are made of binary numbers, represented by 1s and 0s. This makes the language suitable for the understanding of the machine but very much more difficult to interpret and learn by the human programmer.

The main advantage of programming in 1GL is that the code can run very fast and very efficiently, precisely because the instructions are executed directly by the CPU. One of the main disadvantages of programming in a low level language is that when an error occurs, the code is not as easy to fix.

First generation languages are very much adapted to a specific computer and CPU, and code portability is therefore significantly reduced in comparison to higher level languages.

Modern day programmers still occasionally use machine level code, especially when programming lower level functions of the system, such as drivers, interfaces with firmware and hardware devices. Modern tools, such as native-code compilers are used to produce machine level from a higher-level language.

</p>
</body>
</html>
-------------------------------------------------------------------------------------
secondgen.html:
--------------------
<html>
<head>
<title>
frame
</title>
</head>
<body>
<p align="justify">
During the period of 1956 to 1963 second generation of computers were developed. The second generation computers emerged with development of Transistors. The transistor was invented in 1947 by three scientists J. Bardeen, H.W. Brattain and W. Shockley. A transistor is a small device made up of semiconductor material like germanium and silicon. Even though the Transistor were developed in 1947 but was not widely used until the end of 50s. The transistor made the second generation computers faster, smaller, cheaper, more energy-efficient and more reliable than their first-generation computers. Even though the transistor used in the computer generated enormous amount of heat which ultimately would lead to the damage of the computers but was far better than vacuum tubes.
Second generation computers used the low level language i.e. machine level language and assembly language which made the programmers easier to specify the instructions. Later on High level language programming were introduced such as COBOL and FORTRAN. Magnetic core was used as primary storage. Second generation computer has faster input /output devices which thus brought improvement in the computer.
CHARACTERISTICS
1) Transistors were used in place of vacuum tubes.
2) Second generation computers were smaller in comparison with the first generation computers.
3) They were faster in comparison with the first generation computers.
4) They generated less heat and were less prone to failure.
5) They took comparatively less computational time.
6) Assembly language was used for programming.
7) Second generation computers has faster input/output devices.
</p>
</body>
</html>
----------------------------------------------------------------------------------------
After that we have to view this index.html.The output looks :
------------------------------------------------

HTML with frameset tag

If we want to create different partition of our page and to display different contents in different section then we use frameset.
------------------------------------------------------------------------------------------------

1)HTML with different rows.

                                                                                          click for solution

2) HTML with different columns

                                                                                         click for solution

3)HTML with different rows and columns.

                                                                                          click for solution

4) HTML with rows and columns.(a total working website).

                                                                                          click for solution