macaonghus,
There are two basic approaches to building a webpage of other webpages
using simple HTML. The first is by using "frames", an approach that
has been around since the early days of web browsers, first introduced
with Netscape Navigator 2.0. This can be done using the <frameset>
and <frame> tags.
Here is HTML source code for three ways you can arrange your four
sites: vertically, horizontally, or in a 2x2 quadrant:
Vertical
--------
<html>
<head>
<title>My Portal</title>
</head>
<frameset cols="25%,25%,25%,25%">
<frame src="http://news.google.com/">
<frame src="http://abcnews.com/">
<frame src="http://cnn.com/">
<frame src="http://bbcnews.com/">
</frameset>
</html>
Horizontal
----------
<html>
<head>
<title>My Portal</title>
</head>
<frameset rows="25%,25%,25%,25%">
<frame src="http://news.google.com/">
<frame src="http://abcnews.com/">
<frame src="http://cnn.com/">
<frame src="http://bbcnews.com/">
</frameset>
Quadrant
----------
<html>
<head>
<title>My Portal</title>
</head>
<frameset rows="50%,50%" cols="50%,50%">
<frame src="http://news.google.com/">
<frame src="http://abcnews.com/">
<frame src="http://cnn.com/">
<frame src="http://bbcnews.com/">
</frameset>
</html>
</html>
To learn more about frames, and to test various styles on your own, I
recommend the following site:
http://www.w3schools.com/html/html_frames.asp
The other option is to use "inline frames". The main difference
between frames and inline frames is that while frames are treated as
completely separate areas, inline frames are embedded within a single
HTML page. This allows greater flexibility in designing your page,
and the way that you can display your content using HTML and style
sheets. As this is a somewhat newer feature than frames, some older
browsers may not support this; however, all recent versions of all of
the major browsers should be able to handle inline frames. With
inline frames, your total display can also be more than a single
browser window, so you can have full size displays for all sites on a
single page, that you scroll down to view from the main browser.
Here is a sample of how you might arrange your portal in the vertical
or horizontal formation using the <iframe> tag to create inline
frames.
Vertical
--------
<html>
<head>
<title>My Portal</title>
</head>
<body>
<center><b>My Portal</b></center><br>
<table>
<tr>
<td width=25%><iframe src="http://news.google.com/" width="25%" height="700">
<td width=25%><iframe src="http://abcnews.com/" width="25%" height="700">
<td width=25%><iframe src="http://cnn.com/" width="25%" height="700">
<td width=25%><iframe src="http://bbcnews.com/" width="25%" height="700">
</tr>
</table>
</body>
</html>
Horizontal
----------
<html>
<head>
<title>My Portal</title>
</head>
<body>
<center><b>My Portal</b></center><br>
<table>
<tr><td><iframe src="http://news.google.com/" width="100%" height="500"></td></tr>
<tr><td><iframe src="http://abcnews.com/" width="100%" height="500"></td></tr>
<tr><td><iframe src="http://cnn.com/" width="100%" height="500"></td></tr>
<tr><td><iframe src="http://bbcnews.com/" width="100%" height="500"></td></tr>
</tr>
</table>
</body>
</html>
For detailed information on inline frames, please see this site:
http://www.cs.tut.fi/~jkorpela/html/iframe.html
Google Search Terms Used:
-------------------------
frame
iframe |