Napisać stronę w HTML, lecz nie przy pomocy programów typu "klikacze", ale samemu, żeby kod był prosty i wyglądał na robiony samemu
" Life is not a problem to be solved but a reality to be experienced! "
© Copyright 2013 - 2024 KUDO.TIPS - All rights reserved.
Niestety nie da się wrzucić jako załącznik ani pliku html ani pliku txt, więc musiałem wstawić na pastebin.com - http://pastebin.com/M3LfnHau.
Skopiuj cały tekst, wklej do notatnika i zapisz pod nazwą "stronka.html" (z cudzysłowiem).
A żaby się moderacja nie czepiała, tutaj wklejam ten sam kod (który będzie dużo mniej czytelny)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
background: #6393c1;
font-family: Calibri, Arial, Tahoma, sans-serif;
}
#center {
width:950px;
background:white;
border:1px solid black;
border-top:0px;
min-height:200px;
border-radius:5px;
margin:auto;
padding-left:25px;
padding-right:25px;
}
p {
text-indent:3em;
}
</style>
<title>Moja strona</title>
</head>
<body>
<div id="center">
<h1>Życie w niebieskich barwach</h1>
<hr />
<p>Czemu lubię <span style="color:darkblue">niebieski</span>? Bo to spokojny kolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nisi leo, tempor id sagittis vitae, tincidunt non turpis. Quisque vel ipsum nec purus volutpat luctus. In a augue mauris, et pellentesque ligula. Donec et nisi diam, ac tincidunt libero. Praesent hendrerit facilisis metus, at feugiat ligula ultrices sit amet. Sed id diam ante. Vivamus pharetra, tellus ut mollis varius, eros diam dictum turpis, quis ultrices leo augue sit amet nunc. Nulla faucibus, ante sed condimentum tincidunt, quam quam fermentum libero, et interdum nisl est non velit. Aenean lorem est, porttitor at hendrerit ac, pellentesque nec mauris. In elit mi, vehicula sit amet luctus at, scelerisque sed dolor.</p>
<p>Kolejny akapit, teraz sobie <b>pogrubimy</b>, <i>pochylimy</i> oraz <u>podkreślimy</u>. Ciekawsze będzie jednak <span style="font-size:1.5em">powiększenie</span> tekstu. Szczytem byłoby <span style="background:yellow">zmienienie tła tekstu</span>. Wow!</p>
<p>Co powiecie na jakieś zdjęcie niebieskiej farby? W końcu czymże byłyby strony WWW bez obrazków!</p>
<div style="width:320px;margin:auto;"><img src="http://2.bp.blogspot.com/-8YElvqN-5Mw/TdOPWAhWYEI/AAAAAAAAADU/iVABCasyxZI/s1600/Outofthe+blue.jpg" width="320" height="240" alt="Ładne niebeiskie zdjęcie" /></div>
<p>Zaraz, zaraz! A co to był ten taki <a href="http://google.pl">podkreślony i niebieski tekst</a>? Ach no tak! To były hiperłącza, czyli linki do innych stron, np. <a href="http://onet.pl">stronka onet.pl</a>.</p>
<h3>Dziękuję za uwagę!</h3>
</div>
</body>
</html>