MIETEK GRUBAS</title

Transkrypt

MIETEK GRUBAS</title
52ad
<!DOCTYPE html>
<head>
<title>MIETEK GRUBAS</title>
<meta charset="utf-8">
<meta name="author" content="MIETEK GRUBAS">
<style>
body {
margin:10px 10px 0px 10px;
padding:0px;
}
#lewakolumna {
position: absolute;
left:10px;
top:50px;
width:200px;
background-color:yellow;
border:1px solid #000;
}
#centrum {
background-color:silver;
margin-left: 201px;
margin-right:201px;
border:1px solid #000;
}
#prawakolumna {
position: absolute;
right:10px;
top:50px;
width:200px;
background:#fff;
border:1px solid #000;
}
#banner {
background-color:#fff;
height:39px;
border-top:1px solid #000;
border-right:1px solid #000;
border-left:1px solid #000;
}
p,h1 {
margin:0px 10px 10px 10px;
}
h1 {
font-size:10px;
padding-top:10px;
}
#banner h1 {
font-size:14px;
padding:10px 10px 0px 10px;
margin:0px;
}
#prawakolumna p {
font-size:10px ;
}
p.super {font-size: 10pt;}
p.red {color: red;}
</style>
</head>
<body>
<div id="banner"><h1><a href="http:www.mechaniak.edu.pl/"Strona głowna</a></h1</div>
<div id="lewakolumna">
<h1>Lewa kolumna</h1>
<p class="super">Zainstalowaliśmy dzisiaj Windows XP. Nie będziemy korzystać z tej wersji systemu w codziennej pracy - przynajmniej nie przez
najbliższych kilka lub kilkanaście miesięcy - lecz prędzej czy później obowiązki autorów książek zmuszą nas do okazjonalnego uruchamiania XP. A im
szybciej pokonamy początkowe problemy z instalacją systemu i uruchamianiem go w maszynie wirtualnej, tym mniej czasu stracimy na to w
przyszłości.</p>
</div>
<div id="centrum">
<h1>Centrum</h1>
<p>Tu można wstawić dowolny tekst i donośniki <a href="http://www.dowolnyadres.pl">do innych stron WWW </a><br/> lub do <a
href="http://www/bartoszyce.net//"></p>
<p class="red">Cóż takiego specjalnego jest w kaskadowych arkuszach stylu? Przede wszystkim ich stosowanie jest niezwykle jednolite &#8212;
prawie każdy element języka HTML możesz rozbudować o atrybut style, a wewnątrz niego umieścić ściśle określony zestaw atrybutów stylu. Arkusze
stylu pozwalają też ujednolicić wygląd serwisu internetowego oraz ograniczyć ilość danych pobieranych z internetu podczas oglądania stron
WWW</p>
<p class="red">Jeśli przygotowujesz prezentacje internetowe i przewidujesz możliwość ich drukowania, zainteresować Cię może opcja
przygotowania dwóch odrębnych arkuszy stylu dla tego samego dokumentu: jednego zoptymalizowanego pod kątem ekranu komputera, a drugiego
&#8212; pod kątem drukarki.</p>
<p>Marcin Gładun</p>
<br/>
</div>
<div id="prawakolumna">
<h1>Prawa kolumna</h1>
<p>Tutaj możesz umieścić zestaw odnośników do innych stron. </p>
<p>Odnośniki:<br/>
<a href="http:www.dowolnyadres.pl">Dowolny wpis</a><br/>
<a href="http://www.google.pl/">Wyszukiwarka</a><br/>
<a href="htttp://www.dowolnyadres.pl/">Dowolny wpis</a><br/>
<a href="http://www.bartoszyce.net//">bartoszyce</a><br/></p>
<p>Cóż takiego specjalnego jest w kaskadowych arkuszach stylu? Przede wszystkim ich stosowanie jest niezwykle jednolite &#8212; prawie
każdy element języka HTML możesz rozbudować o atrybut style, a wewnątrz niego umieścić ściśle określony zestaw atrybutów stylu. Arkusze stylu
pozwalają też ujednolicić wygląd serwisu internetowego oraz ograniczyć ilość danych pobieranych z internetu podczas oglądania stron WWW</p>
</div>
</body>
</html>
Zrodlo: http://wklej.se/52ad