Untitled

<html>
      <head>
          <meta charset="UTF-8">
      </head>
      <body>
		<!-- HTML -->
			<table width="100%" border="1px">
				<tr>
					<td colspan="2">
						<center><img class="logo" src="topologie1.jpg" /></center>
					</td>
				</tr>
				<tr>
					<td width="15%" height="200px">
						<center>
						..::MENU::..
						<hr>
						<a href="#">TOPOLOGIE</a>
						<a href="#"><p>MAGISTRALA</p></a>
						<a href="#"><p>PIERSCIEN</p></a>
						<a href="#"><p>GWIAZDA</p></a>
						<a href="#"><p>DRZEWO</p></a>
						<a href="#"><p>SIATKA</p></a>
						</center>
					</td>
					<td>
						<h3>MAGISTRALA</h3>
						<center><img class="pc" src="topologie2.jpg" /></center>
						<b>Topologia magistrali</b> (szyny, liniowa) (ang. <i>Bus</i>) - wszystkie
						elementy sieci podłączone do jednej magistrali

						<p>Informacje pochodzą ze strony: <a href="#">www.wikipedia.pl</a></p>
					</td>
				</tr>
				<tr>
					<td colspan="2" height="20px">
						<center>webm@ster: witryny internetowe</center>
					</td>
				</tr>
			</table>
		<!-- CSS -->
		<style>
			body {
			font-family: Verdana;
			}
			table {
			border: 1px solid black;
			}
			h3 {
			font-size: 20px;
			text-align: center;
			margin-top: 15px;
			}
			.logo {
			width: 310px;
			}
			.pc {
			width: 300px;
			}
		</style>
		<!-- JS -->
		<script>

		</script>
      </body>
</html>