plik index2

<!doctype html>
<html>
        <head>
               <meta charset="UTF-8">
              <title>Moja strona w htmlu</title>
<link rel="stylesheet" href="/styl1.css" type="text/css">
  
        </head>
        <body bgcolor="#FFFF33" >
<div id="psa">
<div id="logo"> Strona o szybkich samolotach</div>
<div id="spis"> spis tresci <hr>
<br> <a href="/strona2.html"> helikopter</a>
<br> odnosnik2
<br> odnosnik3
<br> odnosnik4

</div>
<div id="tresc"> tutaj wlasciwa strona</div>
<div id="reklama"> za kase moze tu byc reklama</div>
<div id="stopka"> tutaj bedzie autor strony</div>
</div>
        </body>

</html>

plik strona2

<!doctype html>
<html>
        <head>
              <meta charset="UTF-8">

              <title>Moja strona w htmlu</title>
<link rel="stylesheet" href="/styl1.css" type="text/css">
           
 <style>
       
</style>  
        </head>

        <body bgcolor="#FFFF33" >
<div id="psa">
<div id="logo"> Strona o szybkich samolotach</div>
<div id="spis"> spis tresci <hr>
<br> <a href="/index2.html"> powrot glowna</a>
<br> odnosnik2
<br> odnosnik3
<br> odnosnik4


</div>
<div id="tresc"> Tutaj bedzie o helikopterach</div>
<div id="reklama"> za kase moze tu byc reklama</div>
<div id="stopka"> tutaj bedzie autor strony</div>
</div>
        </body>

</html>

 plik styl1.css

 #psa
 {
 width: 800px;
 margin-left: auto;
 margin-right: auto;
 }
#logo
 {
 background-color: green;
 color: black;
 text-align: center;
 font-size: 30px;
 padding: 15px;
 }
#spis
 {
float: left;
width: 150px;
min-height: 360px;
background-color: red;
color: yellow;
 }
 #tresc
 {
 float: left;
width: 500px;
min-height: 360px;
background-color: blue;
color: white;
 }
 #reklama
 {
 float: left;
width: 150px;
min-height: 360px;
background-color: white;
color: blue;
 }
 #stopka
 {
 clear: both;
 background-color: grey;
 text-align: center;
 font-size: 15px;
 padding: 10px;
 }
 .menu
 {
 
 }