-->

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

                                                                                           

HTML with different rows and columns.

<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>

HTML with columns

Just like rows, we can also create multiple columns as shown below.
----------------------------------------------------------------------------------------
<html><!--root tag-->
</head><!--meta tag-->
<title><!--for title-->
frameset
</title>
</head>
<!--for frameset, we use after head and before body tag.
or we can also use without thsese tags(html,head,title)
-->
<FRAMESET cols="30%,55%,*%" noresize="noresize">
<!--defines three columns of partitions
of size 30%,55% and left over for third partition.
noresize is an attribute means it is not resizable
-->
<FRAME SRC="FIRSTPAGE.HTML">
<FRAME SRC="SECOND.HTML">
<FRAME SRC="THIRD.HTML">
</FRAMESET>
<body>
</body>
</html>
--------------------------------------------------------------------------
We must have firstpage.html
secondpage.html
third.html

 

HTML with different rows.

Here is how we create rows using frameset tag with frame src tag.
--------------------------------------------------------------------------------------------------
<html><!--root tag-->
</head><!--meta tag-->
<title><!--for title-->
frameset
</title>
</head>
<!--for frameset, we use after head and before body tag.
or we can also use without thsese tags(html,head,title)
-->
<FRAMESET rows="30%,55%,*%" noresize="noresize">
<!--defines three rows of partitions
of size 30%,55% and left over for third partition.
noresize is an attribute means it is not resizable
-->

<FRAME src="PAGEONE.HTML">
<FRAME src="PAGETWO.HTML">
<FRAME src="PAGETHREE.HTML">
<!--we have to use frame src for each partition-->
</FRAMESET>
<body>

</body>
</html>
-----------------------------------------------------------------------------------
note:
      We must have three files named pageone.html... in same folder as that first file is(index).
Otherwise, it will show error.