<!DOCTYPE html>
<html>
<head>
<title>programowanie - CSS - Układ elastyczny</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Content-Language" content="pl">
<link rel="Stylesheet" type="text/css" href="style.css" />
<style type="text/css">
img.very_large {
width: 400px;
height: 400px;
}
img.large {
width: 200px;
height: 200px;
}
img.medium {
width: 100px;
height: 100px;
}
img.small{
width: 50px;
height: 50px;
}
img.very_small {
width: 25px;
height: 25px;
}
</style>
</head>
<body>
<img src="grafika/kwadrat.png" class="very_large" alt="kwadrat" />
<img src="grafika/kwadrat.png" class="large" alt="kwadrat" />
<img src="grafika/kwadrat.png" class="medium" alt="kwadrat" />
<img src="grafika/kwadrat.png" class="small" alt="kwadrat" />
<img src="grafika/kwadrat.png" class="very_small" alt="kwadrat" />
<p><img src="grafika/kwadrat.png" class="very_large" alt="kwadrat" /></p>
<p><img src="grafika/kwadrat.png" class="large" alt="kwadrat" /></p>
<p><img src="grafika/kwadrat.png" class="medium" alt="kwadrat" /></p>
<p><img src="grafika/kwadrat.png" class="small" alt="kwadrat" /></p>
<p><img src="grafika/kwadrat.png" class="very_small" alt="kwadrat" /></p>
<div><img src="grafika/kwadrat.png" class="very_large" alt="kwadrat" /></div>
<div><img src="grafika/kwadrat.png" class="large" alt="kwadrat" /></div>
<div><img src="grafika/kwadrat.png" class="medium" alt="kwadrat" /></div>
<div><img src="grafika/kwadrat.png" class="small" alt="kwadrat" /></div>
<div><img src="grafika/kwadrat.png" class="very_small" alt="kwadrat" /></div>
</body>
</html>
|
|