KROPACZ - ZADANIE 89

HTML:
<!- okreslenie typu HTML dla walidatora -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<! xmlns okresla przestrzeń nazw dla xml -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
   <head>
      <title>styl wewnetrzny body</title>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <!- styl wewnetrzny -->
      <style type="text/css">
         /* zerowanie wszystkich marginesów i przestrzeni*/
         * {
         margin: 0px;
         padding: 0px;
         }
         /* definicja div*/
         /* overflow: hidden - -> ukrycie nadmiarowości czyli gdy elementy div są za duże*/
         div {
         overflow: hidden;
         }
         /* definicja ramki-główny element*/
         /* margin-right: auto;-wartość domyślna */
         #ramka {
         background-color: rgb(204,153,51);
         width: 1000px;
         margin-right: auto;
         margin-left: auto;
         }
         /* definicja nagłówka*/
         #naglowek {
         width: 100%;
         background-color: rgb(255,192,0);
         text-align: center;
         color: lime;
         font-size: 1cm;
         }
         /* definicja stopki*/
         #stopka {
         width: 100%;
         background-color: rgb(148,138,84);
         }
         /* definicja klasy kolumny */
         .kolumny {
         width:30%;
         margin-top:10px;
         margin-right:2%;
         margin-bottom:2%;
         margin-left:10px;
         }
         /* definicje trzech kolumn */
         /* float :left; to aby elementy były obok siebie */
         #kolumna_pierwsza {
         float:left;
         background-color: rgb(146,208,80);
         }
         #kolumna_druga {
         float:left;
         background-color: rgb(84,141,212);
         }
         #kolumna_trzecia {
         background-color: rgb(152,72,6);
         float:left;
         }
      </style>
   </head>
   <body>
      <div id="ramka">
         <div id="naglowek"><font>Kropacz Kacper 1P</font></div>
         <div class="kolumny" id="kolumna_pierwsza">
         <ul>
			<li>projekt oparty o HTML i CSS</li>
			<li>projekt oparty o CMS</li>
			<li>projekt oparty o technologie PHP</li>
		</ul>
            <p>   </p>
            <p>   </p>
            <p>   </p>
            <p>   </p>
         </div>
         <div class="kolumny" id="kolumna_druga">
            <ul>
               1) overflow: hidden; - treść niemieszcząca się jest ukrywana <br>
               2) float:left; - interesujący nas element HTML stanie się pływającym <br>
               3) margin-top:10px; - rozmiar górnego zewnętrznego marginesu, 10 pikseli <br>
               4) margin-right:2%; -  rozmiar prawego zewnętrznego marginesu, 2% <br>
               5) margin-bottom:2%; - rozmiar dolnego zewnętrznego marginesu, 2% <br>
               6) margin-left:10px; - rozmiar lewego zewnętrznego marginesu, 10 pikseli <br>  
            </ul>
            <p>   </p>
            <p>   </p>
            <p>   </p>
            <p>   </p>
         </div>
         <div class="kolumny" id="kolumna_trzecia">
            <ul>
				<li>SECTION</li>
				<li>ARTICLE</li>
				<li>ASIDE</li>
				<li>HEADER</li>
				<li>FOOTER</li>
				<li>NAV</li>
		    </ul>
		 	<p>   </p>
            <p>   </p>
            <p>   </p>
            <p>   </p>
         </div>
         <div id="stopka"> 
         <ul>
			<li>projekt oparty o HTML i CSS</li>
			<li>projekt oparty o CMS</li>
			<li>projekt oparty o technologie PHP</li>
		 </ul>
            <a href="http://kacpelkropacz.prv.pl">http://kacpelkropacz.prv.pl</a> 
         </div>
      </div>
</html>
<div id="prv_main_link"><a href="https://www.prv.pl" title="darmowy hosting">Darmowy hosting</a> zapewnia PRV.PL</div><script type="text/javascript" src="/prv_site_config_values.js"></script><script type="text/javascript" src="/prv_hosting_footer.js"></script>