Odpowiedzi

2013-08-28T13:40:45+02:00
Proszę :)
Strona w języku html. Otwórz notatnik, wklej kod i zapisz jako np. hobby.html
Strona wykonana przeze mnie w języku html na temat recyklingu.

kod html:

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2"> <title>Recykling</title> <meta name="description" content="Recykling"> <meta name="keywords" content="Recykling"> <meta name="author" content="Twoje imie"> <style type="text/css"> div#container { width: 996px; position: relative; margin-top: 0px; margin-left: auto; margin-right: auto; text-align: left; } body { text-align: center; margin: 0; background-color: #E4E4E4; background-image: url(none); color: #333333; scrollbar-face-color: #F0F0F0; scrollbar-arrow-color: #000000; scrollbar-3dlight-color: #F0F0F0; scrollbar-darkshadow-color: #696969; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #A0A0A0; scrollbar-track-color: #C8C8C8; } </style> <style type="text/css"> a { color: #0000FF; text-decoration: underline; } a:visited { color: #800080; } a:active { color: #0000FF; } a:hover { color: #0000FF; text-decoration: underline; } </style> <style type="text/css"> #wb_Text1 { background-color: transparent; background-image: url(images/index_Text1_bkgrnd.png); background-repeat: repeat; background-position: left top; border: 0px #8B8B00 solid; padding: 0; } #wb_Text1 div { text-align: left; } #wb_Text2 { background-color: transparent; background-image: url(images/index_Text2_bkgrnd.png); background-repeat: repeat; background-position: left top; border: 0px #000000 solid; padding: 0; } #wb_Text2 div { text-align: left; } #Image1 { border: 2px #FFFFFF solid; } #wb_Text4 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text4 div { text-align: left; } #wb_Text5 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text5 div { text-align: left; white-space: nowrap; } #wb_Text10 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text10 div { text-align: right; } #TabMenu1 { text-align: left; float: left; margin: 0; width: 100%; font-family: Arial; font-size: 16px; font-weight: bold; list-style-type: none; padding: 8px 0px 8px 0px; } #TabMenu1 li { float: left; } #TabMenu1 a:link.active, #TabMenu1 a:visited.active, #TabMenu1 a:hover.active { border-bottom: 1px solid #2A7A9A; background-color: #2A7A9A; color: #FFFFFF; position: relative; font-weight: bold; text-decoration: none; } #TabMenu1 a:link, #TabMenu1 a:visited { padding: 8px 10px 8px 10px; border: 0px solid #376BAD; background-color: #E4E4E4; color: #555555; margin-right: 3px; text-decoration: none; border-bottom: none; } #TabMenu1 a:hover { background: #FFFFFF; color: #555555; font-weight: bold; text-decoration: none; } #Line1 { color: #DDDDDD; background-color: #DDDDDD; border-width: 0px; } #Line2 { color: #DDDDDD; background-color: #DDDDDD; border-width: 0px; } #Image2 { border: 2px #FFFFFF solid; } #wb_Text3 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text3 div { text-align: left; } #wb_Text6 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text6 div { text-align: left; white-space: nowrap; } #Line3 { color: #DDDDDD; background-color: #DDDDDD; border-width: 0px; } #Line4 { color: #DDDDDD; background-color: #DDDDDD; border-width: 0px; } #wb_Text7 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text7 div { text-align: left; } #wb_Text8 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text8 div { text-align: left; white-space: nowrap; } #Line5 { color: #DDDDDD; background-color: #DDDDDD; border-width: 0px; } #Line6 { color: #DDDDDD; background-color: #DDDDDD; border-width: 0px; } #wb_Text9 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text9 div { text-align: left; } #wb_Text11 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text11 div { text-align: left; white-space: nowrap; } #Line7 { color: #DDDDDD; background-color: #DDDDDD; border-width: 0px; } #Line8 { color: #DDDDDD; background-color: #DDDDDD; border-width: 0px; } #wb_Text12 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text12 div { text-align: left; } #wb_Text13 { background-color: transparent; border: 0px #000000 solid; padding: 0; } #wb_Text13 div { text-align: left; white-space: nowrap; } #Line9 { color: #DDDDDD; background-color: #DDDDDD; border-width: 0px; } #Line10 { color: #DDDDDD; background-color: #DDDDDD; border-width: 0px; } </style> </head> <body> <div id="container"> <div id="wb_Shape1" style="position:absolute;left:15px;top:339px;width:980px;height:1025px;opacity:0.64;-moz-opacity:0.64;-khtml-opacity:0.64;filter:alpha(opacity=64);z-index:0;"> <img src="images/img0001.gif" id="Shape1" alt="" style="border-width:0;width:980px;height:1025px;"></div> <div id="wb_Text1" style="position:absolute;left:14px;top:15px;width:982px;height:35px;z-index:1;"> <span style="background-color:#FFFFFF;color:#2A7A9A;font-family:tahoma;font-size:29px;"><strong>Recykling</strong></span></div> <div id="wb_Text2" style="position:absolute;left:14px;top:50px;width:982px;height:21px;z-index:2;"> <span style="color:#555555;font-family:tahoma;font-size:17px;">Ochrona środowiska</span></div> <div id="wb_Image1" style="position:absolute;left:14px;top:114px;width:977px;height:202px;z-index:3;"> <img src="http://t0.gstatic.com/images?q=tbn:ANd9GcQgcZOnP9iRWvqBOMsRDR_Ft6VUcujiwuHnXNsUwxM-xud-XEsa" id="Image1" alt="sample image" border="2" style="width:977px;height:202px;"></div> <div id="wb_Text4" style="position:absolute;left:34px;top:365px;width:463px;height:21px;z-index:4;"> <span style="color:#2A7A9A;font-family:tahoma;font-size:17px;"><strong>Recykling</strong></span></div> <div id="wb_Text5" style="position:absolute;left:34px;top:404px;width:463px;height:64px;z-index:5;"> <div style="line-height:21px;"><span style="color:#333333;font-family:tahoma;font-size:12px;">Jest to metoda ochrony środowiska naturalnego. Celem recyklingu jest ograniczenie </span></div> <div style="line-height:21px;"><span style="color:#333333;font-family:tahoma;font-size:12px;">zużycia surowców naturalnych oraz zmniejszenie ilości odpadów.</span></div> </div> <div id="wb_Text10" style="position:absolute;left:14px;top:1381px;width:982px;height:11px;text-align:right;z-index:6;"> <span style="color:#888888;font-family:tahoma;font-size:9.3px;">Copyright C 2013 Twoja nazwa</span></div> <div id="wb_TabMenu1" style="position:absolute;left:936px;top:77px;width:58px;height:35px;z-index:7;overflow:hidden;"> <ul id="TabMenu1"> <li><a href="./index.html" class="active">Start</a></li> </ul> </div> <hr id="Line1" style="margin:0;padding:0;position:absolute;left:32px;top:358px;width:467px;height:1px;z-index:8;"> <hr id="Line2" style="margin:0;padding:0;position:absolute;left:32px;top:395px;width:467px;height:1px;z-index:9;"> <div id="wb_Image2" style="position:absolute;left:528px;top:358px;width:296px;height:196px;z-index:10;"> <img src="http://t0.gstatic.com/images?q=tbn:ANd9GcSroCSx3pKWwBvizjALMexgTPnHTdtkofh772bgsY1st0vdRrDvPQ" id="Image2" alt="sample image" border="2" style="width:296px;height:196px;"></div> <div id="wb_Text3" style="position:absolute;left:34px;top:574px;width:463px;height:21px;z-index:11;"> <span style="color:#2A7A9A;font-family:tahoma;font-size:17px;"><strong>Tytuł</strong></span></div> <div id="wb_Text6" style="position:absolute;left:34px;top:613px;width:463px;height:148px;z-index:12;"> <div style="line-height:21px;"><span style="color:#333333;font-family:tahoma;font-size:12px;">Opis Opis Opis Opis </span></div> <div style="line-height:21px;"><span style="color:#333333;font-family:tahoma;font-size:12px;">Opis Opis </span></div> <div style="line-height:21px;"><span style="color:#333333;font-family:tahoma;font-size:12px;">Opis Opis </span></div> <div style="line-height:21px;"><span style="color:#333333;font-family:tahoma;font-size:12px;">Opis Opis </span></div> <div style="line-height:21px;"><span style="color:#333333;font-family:tahoma;font-size:12px;">Opis Opis </span></div> <div style="line-height:21px;"><span style="color:#333333;font-family:tahoma;font-size:12px;"><br></span></div> </div> <hr id="Line3" style="margin:0;padding:0;position:absolute;left:32px;top:567px;width:467px;height:1px;z-index:13;"> <hr id="Line4" style="margin:0;padding:0;position:absolute;left:32px;top:604px;width:467px;height:1px;z-index:14;"> <div id="wb_Text7" style="position:absolute;left:34px;top:741px;width:463px;height:21px;z-index:15;"> <span style="color:#2A7A9A;font-family:tahoma;font-size:17px;"><strong>Tytuł</strong></span></div> <div id="wb_Text8" style="position:absolute;left:34px;top:780px;width:463px;height:132px;z-index:16;"> <div style="line-height:22px;"><span style="color:#000000;font-family:Arial;font-size:12px;">Na wigilie Bożego Narodzenia niemal każda polska rodzina umieszcza w swoim </span></div> <div style="line-height:22px;"><span style="color:#000000;font-family:Arial;font-size:12px;">mieszkaniu i dekoruje choinke bombkami, łancuchami, cukierkami i innymi </span></div> <div style="line-height:22px;"><span style="color:#000000;font-family:Arial;font-size:12px;">ozdobami. Jest to jedna z najmlodszych tradycji wigilijnych. Na początku, w tym </span></div> <div style="line-height:22px;"><span style="color:#000000;font-family:Arial;font-size:12px;">równiez na ziemiach polskich, popularna byla &quot;jódłka&quot;, czyli wierzcholek sosny, jodly </span></div> <div style="line-height:22px;"><span style="color:#000000;font-family:Arial;font-size:12px;">lub swierku zawieszony u pulapu. Drzewko to mialo chronic dom i jego </span></div> <div style="line-height:15px;"><span style="color:#000000;font-family:Arial;font-size:12px;">mieszkanców od zlych mocy.</span></div> </div> <hr id="Line5" style="margin:0;padding:0;position:absolute;left:32px;top:734px;width:467px;height:1px;z-index:17;"> <hr id="Line6" style="margin:0;padding:0;position:absolute;left:32px;top:771px;width:467px;height:1px;z-index:18;"> <div id="wb_Text9" style="position:absolute;left:34px;top:964px;width:463px;height:21px;z-index:19;"> <span style="color:#2A7A9A;font-family:tahoma;font-size:17px;"><strong>Tytuł</strong></span></div> <div id="wb_Text11" style="position:absolute;left:34px;top:1003px;width:463px;height:132px;z-index:20;"> <div style="line-height:22px;"><span style="color:#000000;font-family:Arial;font-size:12px;">Wigilijny zwyczaj obdarowywania się prezentami początek ma jeszcze z rzymskich </span></div> <div style="line-height:22px;"><span style="color:#000000;font-family:Arial;font-size:12px;">Saturnaliów. W pózniejszych wiekach przez Kosciól został nazwany Gwiazdką, gdyż </span></div> <div style="line-height:22px;"><span style="color:#000000;font-family:Arial;font-size:12px;">prezenty wręczano, gdy na niebie zauważono pierwszą gwiazdę. Ową gwiazdę </span></div> <div style="line-height:22px;"><span style="color:#000000;font-family:Arial;font-size:12px;">utożsamiano z Gwiazdą Betlejemską. Poniewaą tą częścią wieczoru wigilijnego </span></div> <div style="line-height:22px;"><span style="color:#000000;font-family:Arial;font-size:12px;">najbardziej zainteresowane były dzieci, nic zatem dziwnego, że to one z </span></div> <div style="line-height:15px;"><span style="color:#000000;font-family:Arial;font-size:12px;">niecierpliwoscią wypatrywały pierwszej gwiazdki na niebie.</span></div> </div> <hr id="Line7" style="margin:0;padding:0;position:absolute;left:32px;top:957px;width:467px;height:1px;z-index:21;"> <hr id="Line8" style="margin:0;padding:0;position:absolute;left:32px;top:994px;width:467px;height:1px;z-index:22;"> <div id="wb_Text12" style="position:absolute;left:34px;top:1181px;width:463px;height:21px;z-index:23;"> <span style="color:#2A7A9A;font-family:tahoma;font-size:17px;"><strong>Tytuł</strong></span></div> <div id="wb_Text13" style="position:absolute;left:34px;top:1220px;width:463px;height:88px;z-index:24;"> <div style="line-height:22px;"><span style="color:#000000;font-family:Arial;font-size:12px;">Uwielbiają go wszyscy i biedni, bogaci, dorośli i dzieci, mieszkańcy dużych miast </span></div> <div style="line-height:22px;"><span style="color:#000000;font-family:Arial;font-size:12px;">oraz małych miasteczek. Święty Mikołaj przychodzi do naszych domów 6 grudnia lub </span></div> <div style="line-height:22px;"><span style="color:#000000;font-family:Arial;font-size:12px;">w wieczór wigilijny. Ubrany jest w czerwony płasz a na plecach dźwiga duży wór z </span></div> <div style="line-height:15px;"><span style="color:#000000;font-family:Arial;font-size:12px;">prezentami.</span></div> </div> <hr id="Line9" style="margin:0;padding:0;position:absolute;left:32px;top:1174px;width:467px;height:1px;z-index:25;"> <hr id="Line10" style="margin:0;padding:0;position:absolute;left:32px;top:1211px;width:467px;height:1px;z-index:26;"> </div> </body> </html>
1 5 1