<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Prosty formularz</title>
</head>
<body>
<form>
<p>Imi:&nbsp;<input type="text" size="40"></p>
<p>Wiek:&nbsp;
<input type="radio" name="20do30" value="20do30">
&nbsp;20-30&nbsp;
<input type="radio" name="31do40" value="31do40">
&nbsp;31-40&nbsp;
<input type="radio" name="41do50" value="41do50">
&nbsp;41-50&nbsp;
</p>
</form>
</body>
</html>
=====================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Rozmieszczanie elementw prostego formularza</title>
</head>
<body>
<form>
<table width="50%" border="1">
<tr>
<td width="25%"><p>Imi:</p></td>
<td><p><input type="text" size="40"></p></td>
</tr>
<tr>
<td><p>Wiek:</p></td>
<td><p>
<input type="radio" name="20do30" value="20do30">
&nbsp;20-30&nbsp;
<input type="radio" name="31do40" value="31do40">
&nbsp;31-40&nbsp;
<input type="radio" name="41do50" value="41do50">
&nbsp;41-50&nbsp;
</p></td>
</table>
</form>
</body>
</html>
=====================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Formatowanie z wykorzystaniem tabel zagniedonych</title>
</head>
<body>
<form>
<table width="50%" border="1">
<tr>
<td width="25%"><p>Imi:</p></td>
<td><p><input type="text" size="40"></p></td>
</tr>
<tr>
<td><p>Wiek:</p></td>
<td>

<table width="100%" border="1">
<tr>
<td><p><input type="radio" name="20do30" 
value="20do30"></p></td>
<td><p><input type="radio" name="31do40" 
value="31do40"></p></td>
<td><p><input type="radio" name="41do50" 
value="41do50"></p></td>
</tr>
<tr>
<td><p>20-30</p></td>
<td><p>31-40</p></td>
<td><p>41-50</p></td>
</tr>
</table>

</td>
</table>
</form>
</body>
</html>
=====================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Format strony pywajcej</title>
  <style type="text/css">
    <!-- Ustawienie koloru "pulpitu" (ta strony) -->
    body { background-color: #B0C4DE; }
  </style>
</head>
<body>

<!-- Kontener na tre -->
  <!-- (to = obramowanie, odstp = szeroko obramowania
       margines = tabela wyrodkowana) -->
<table border="0" cellpadding="4px" cellspacing="0"
    style="background-color: black;
    margin: 0 auto;">
<tr>
  <td>

    <!-- Strona pywajca -->
      <!-- (odstp = margines strony) -->
    <table border="0" cellpadding="5px" cellspacing="0"
      width="732px" height="900px"
      style="background-color: #FFFFFF;">
     <tr align="left" valign="top">
       <td>

         <!-- Tre strony -->
         <p>Tu naley umieci tre strony.<p>
         <!-- Tre strony -->

       </td>
     </tr>
    </table>
    <!-- /Strona pywajca -->

  </td>
</tr>
</table>
<!-- /Kontener na tre -->

</body>
</html>
=====================================
    <!-- Strona pywajca -->
      <!-- (odstp = margines strony) -->
    <table border="0" cellpadding="5px" cellspacing="0"
      width="732px" height="900px"
      style="background-color: #FFFFFF; 
      border-right: 4px solid black; 
      border-bottom: 4px solid black;">
=====================================
<!-- Kontener nagwka -->
<table border="0" cellpadding="0" cellspacing="0">
  <tr>
  <td valign="top">
    <img border="0" src="images/home_top.gif" 
      width="240" height="118">
  </td>
  <td>
  <!-- Nawigacja i zasadnicze elementy graficzne -->
  <table border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="100%">
    <!-- Pasek nawigacyjny -->
    <table border="0" cellpadding="0" cellspacing="0" 
     width="100%">
      <tr>
      <td width="25%">
      <a href="archive/index.html" onfocus="this.blur()" 
      onMouseOver="archive.src='images/archive_punch_on.gif'"
      onMouseOut="archive.src='images/archive_punch_off.gif'"
      >
      <img name="archive" border="0" 
       src="images/archive_punch_off.gif"></a>
      </td>
      <td width="25%">
      <a href="guest/index.html" onfocus="this.blur()" 
      onMouseOver="guest.src='images/g_punch_on.gif'" 
      onMouseOut="guest.src='images/g_punch_off.gif'"
      >
      <img name="guest" border="0" 
       src="images/g_punch_off.gif"></a>
      </td>
      <td width="25%">
      <a href="mailto:poczta@przyklad.com" 
      onfocus="this.blur()" 
      onMouseOver="email.src='images/e_punch_on.gif'" 
      onMouseOut="email.src='images/e_punch_off.gif'"
      >
      <img name="email" border="0" 
       src="images/e_punch_off.gif"></a>
      </td>
      <td width="25%">
      <a href="about/index.html" onfocus="this.blur()" 
      onMouseOver="about.src='images/a_punch_on.gif'" 
      onMouseOut="about.src='images/a_punch_off.gif'"
      >
      <img name="about" border="0" 
       src="images/a_punch_off.gif"></a>
      </td>
      </tr>
    </table>
    <!-- /Pasek nawigacyjny -->
    </td>
    </tr>
    <tr>
    <td width="100%"><img border="0" 
    src="images/home_flag.jpg" height="80">
    </td>
    </tr>
  </table>
  <!-- /Nawigacja i zasadnicze elementy graficzne -->
  </td>
  </tr>
  <tr>
    <td height="158" valign="top"><img border="0" 
     src="images/home_left.gif" width="239" 
     height="156">
      <p>TRE POBOCZNA</p>
    </td>
    <td valign="top">
      <p>ZASADNICZA TRE DOKUMENTU</p>
    </td>
  </tr>
</table>
<!-- /Kontener nagwka -->
=====================================
<table border="1" width="100%">
  <tr>
    <td rowspan="4" width="65%">
      <p>Grafika nagwka</p>
    </td>
    <td>
      <p>Naw_1</p>
    </td>
  </tr>
  <tr>
    <td>
      <p>Naw_2</p>
    </td>
  </tr>
  <tr>
    <td>
      <p>Naw_3</p>
    </td>
  </tr>
  <tr>
    <td>
      <p>Naw_4</p>
    </td>
  </tr>
</table>
=====================================
  <table border="1" cellspacing="0" cellpadding="5px"
    width="100%">
    <colgroup>
      <col width="50%">
      <col width="50%">
    </colgroup>

    <tr>
      <td colspan="2">Miejsce na grafik nagwka</td>
    </tr>

    <tr>
      <td>Pierwsza kolumna treci...</td>
      <td>Druga kolumna treci...</td>
    </tr>
  </table>
=====================================
<colgroup>
  <col width="200px">
  <col width="400px">
</colgroup>
=====================================

