Untitled

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
	<meta http-equiv="Content-Language" content="pl">
	<link rel="stylesheet" type="text/css" href="przykład2.css"> </link>

	<title>05.03.2019</title>
</head>
<body>

<div =id="box"> <!--box zewnetrzny-->
<div id="banner"> <!--box wewnetrzny-->
<h1> Moj drugi szablon strony </h1>
</div>
         <div id="aktualnosci">
         <h2>aktualnosci</h2>
         1.program w nauce<br> <!-- nastepny wers-->
         2.informacje o uczniach<br>
         3.kluby szkolne<br>
         Samorząd:<br>
         <li>ANIA BAŁUCKA</li> <!--zaczniecie zadanie od kropki -->
         <li>JAN BRZECHWA</li>
         <li>OLAF LUBIK</li>

</div>
<div id="lista">
        1.Pierwsza <br>
        a)dziewczyny <br>
        b)chłopaki<br>
        2. Druga T<br>
        a)informatycy<br>
        b)fryzjerzy<br>
        3.TA<br>
        a)1 grupa<br>
        b)2 grupa<br>
</div>
<div id="obraz">

</div>
<div id="link">
    facebook.com
    Wp.pl
    Youtube.com
</div>
<div id="autor">
	Autor:3TA R.k
</div>


</body>
</html>


222222222222222222222222
#box{
	height: 1000px;
	width: 1000px;
    }
}
#banner{
	background-color: grey; /*kolor tła*/
	height: 15px; /*wysokośc bloku*/
	width:100px;  /*szerokośc bloku*/
	color: white; /*kolor czcionki*/
	font-style: italic; /*pochylenie czcionki*/


}
#aktualności{
	width: 30%;
	height: 80%;
	color: red;
    line-height: 20px;

}

#lista{
	width: 30%;
	height:80%;
	font-weight:bold; /*pogrubiona czcionka*/
    background-color: yellow;
    letter-spacing:10px;/*odstęp między literami*/

}

#obraz{
	height: 40%;
}

#link{
      background-color: green;

}

#autor{
    color: white;
    text-align: /*kierunek tekstu*/
	background-color: black;
}

img{
	height:200px;
	width: 200px;
	border: 5px solid red;

}
3333333333333333333
!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
	<meta http-equiv="Content-Language" content="pl">
	<link rel="stylesheet" type="text/css" href="przykład20.css"> </link>

	<title>12.03.2019</title>

</head>

<div id="box">
<div id="t1">tekst sie porusza i odbija </div>
<div id="banner">Moje bloki</div>
<div id="A">A</div>
<div id="B">B</div>
<div id="C">C</div>
<div id="D">D</div>
<div id="E">E</div>
<div id="F">F</div>

444444444444444444444444
#box{
	height: 1000px;
	width: 1000px;
}

#banner{
	background-color: red;
	height:100px;
	width:100px;
    float:left;

}
#banner{
	width:900px;
	height:100px;
	background-color: green;
	float: left;
	text-align: center;
	font-size: 80;
}
#A{
	width:750px;
	height:100px;
	background-color: orange;
	float: left;
	color: pink;

}

#B{
	width:750px;
	height:100px;
	background-color: blue;
	float: left;
	color: orange;

}
#C{
	width:750px;
	height:100px;
	background-color: white;
	float: left;
	color: purple;
}
#D{
	width:750px;
	height:100px;
	background-color: purple;
	float: left;
	color: white;
}
#E{
	width:750px;
	height:100px;
	background-color: orange;
	float: left;
	color: pink;
	}
#F{
	width:750px;
	height:100px;
	background-color:purple ;
	float: left;
	color: pink;
	}
}