<a style="text-decoration:none; color:black" href="index.html"> <div id="logo">

Podobne dokumenty
TECHNOLOGIE SIECI WEB

Załącznik Nr 2 do Uchwały Nr XXIX/181/2014 Rady Gminy Bojszowy z dnia 17 stycznia 2014 r.

Responsywne strony WWW

Danuta ROZPŁOCH-NOWAKOWSKA Strona Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional).

Projektowanie aplikacji internetowych. CSS w akcji

Sierpień 2015 rozwiązanie plik: index.htlm

Systemy internetowe Wykład 2 CSS

2. Prezentacja wizualna

Laboratorium 1: Szablon strony w HTML5

Dzięki arkuszom zewnętrznym uzyskujemy centralne sterowanie wyglądem serwisu. Zewnętrzny arkusz stylów to plik tekstowy z rozszerzeniem css.

SterBox. Przygotowanie Strony Użytkownika

Podstawy HTML i styli CSS. selektor {właściwość1: wartość1; właściwość2: wartość2}

Przykładowe pytania CSS

PROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński

Zdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp.

Szablony. Wersja 7.6


Informatyka MPDI 3 semestr

Nazwa implementacji: CSS i box model. Autor: Opis implementacji: Poznajemy podstawy CSS oraz dowiadujemy się o rozmieszczaniu elementów na stronie.

Dokument hipertekstowy

Krok 1: Stylizowanie plakatu

Kaskadowe arkusze stylów cz. 2

CSS - layout strony internetowej

Krótki przegląd własności języka CSS

LATARKA LAMPA WARSZTATOWA 30+7 LED PLUS MAGNES. Model : L122 LATARKA LAMPA WARSZTATOWA 30+7 LED PLUS MAGNES. europrice.pl

Tworzenie stron internetowych z wykorzystaniem HTML5, JavaScript, CSS3 i jquery. Łukasz Bartczuk

UKŁAD INFORMACJI I POWIĄZAŃ MIĘDZY NIMI W INFORMACJI W SPRAWIE PODATKU LEŚNEGO (IL-1) W FORMACIE DANYCH XML

Załącznik nr 2 do uchwały Nr XXII/ 141 /2013 Rady Gminy Bojszowy z dnia r. <?xml version="1.0" encoding="utf-8"?>

Projektowanie stron WWW

PERFORMANCE W JOOMLA! JAK SPRAWIĆ ABY STRONA DZIAŁAŁA SZYBCIEJ?

Rozwiązania zadań EGZAMINACYJNYCH- WITRYNY

CSS - style kaskadowe. Cascadind Style Sheets

Modele R/C > MODELE R/C JEŻDŻĄCE > DUŻY WÓZEK WIDŁOWY ZDALNIE STEROWNY SZTAPLARKA R/C. europrice.pl

HTML. HTML(ang. HyperTextMarkupLanguage, pol. hipertekstowy język znaczników) język wykorzystywany do tworzenia stron internetowych

CSS pozwala przypisać poszczególnym elementom na. grubość, rozmiar czcionki, kolor tła, odległości między

Tworzenie Stron Internetowych. odcinek 8

Układ informacji i powiązań między danymi w deklaracji o wysokości opłaty za gospodarowanie odpadami komunalnymi

Tworzenie Stron Internetowych. odcinek 8

Informacja podatku łączny styl

Specyfikacja techniczna dot. mailingów HTML

<meta:wartosc> </meta:identyfikator> <meta:rodzajrelacji>maczesc</meta:rodzajrelacji>

Tworzenie stron internetowych w kodzie HTML Cz 5

Oczywiście występują także znaczniki, bez ich odpowiednika kończącego, np. <BR>

Box model: Content. Content - obszar zawartości określany jest za pomocą deklaracji wysokości i szerokości.

Informatyka 2MPDI. Wykład 4

Rysunek otaczany przez tekst

APLIKACJE INTERNETOWE 1 HTML - STRUKTURA STRONY INTERNETOWEJ

Uwaga w niektórych przeglądarkach różnice mogą być niewidoczne zależy to od przeglądarki i ew. od jej ustawień.

D:\Program Files\Temp\Deklaracja o wysokości opłaty za gospodarowanie odpadami komunalnymi-3.xml 6 maja :16

Wordpress: Joomla! Drupal.

Podstawy (X)HTML i CSS

Wykład 2 CSS. Michał Drabik

Przykład integracji kalkulatora mbank RATY na platformie IAI

Uchwała Nr 23/IV/2014 Rady Miasta Ostrołęki z dnia 30 grudnia 2014 r.

Elementarz HTML i CSS

Drukarka laserowa monochromatyczna Xerox Phaser 3052 V_NI drukowanie sieciowe Wi-Fi / LAN

Wrocław dn. 20 kwietnia 2006 roku. Temat lekcji: Style CSS.

Odsyłacze. Style nagłówkowe

Dla dzieci > Pozostałe > KOLOROWE WYGODNE KRZESEŁKO 4 WZORY DŹWIĘK KOLOROWE WYGODNE KRZESEŁKO 4 WZORY DŹWIĘK

XHTML Budowa strony WWW

HTML (HyperText Markup Language) hipertekstowy język znaczników

Modele R/C > MODELE R/C LATAJĄCE > WIELKI QUADROCOPTER INTRUDER LATAJĄCE UFO DRON X30 2,4Ghz

Laboratorium 6 Tworzenie bloga w Zend Framework

Układ informacji i powiązań między nimi w deklaracji o wysokości opłaty za gospodarowanie odpadami komunalnymi w formacie danych XML

I. Dlaczego standardy kodowania mailingów są istotne?

Witryny i aplikacje internetowe

Wprowadzenie do Internetu zajęcia 3

Modele R/C > MODELE R/C PŁYWAJĄCE > SZYBKA ŁÓDŹ ŚLIZGACZ MOTORÓWKA ZDALNIESTEROWANA. europrice.pl. cellspacing="0" border="0" width="802">

Sport i turystyka > Turystyka > GRZEJNIK PIECYK TURYSTYCZNY NAGRZEWNICA + 4 NABOJE GRZEJNIK PIECYK TURYSTYCZNY NAGRZEWNICA + 4 NABOJE. europrice.

HTML5 i CSS. Deklaracja <!DOCTYPE> musi być na początki dokumentu napisanego w HTML5 przed tagiem <html>.

Bazy danych. dr Radosław Matusik. radmat

Języki programowania wysokiego poziomu CSS

PROJEKTOWANIE STRON WWW W4

CSS - 3. Pozostałe właściwości

PROMOCJA LATARKA CZOŁOWA CZOŁÓWKA 9X LED + BATERIE. europrice.pl. cellspacing="0" border="0" width="802">

HTML podstawowe polecenia

Arkusze stylów CSS Cascading Style Sheets

TAŚMA KLEJĄCA PAKOWA 48/55 BRĄZOWA 36SZT MEGA MOCN. europrice.pl. #cccccc;" cellpadding="0" cellspacing="0" border="0">

Defilada - przykład wykorzystujący animowane modele Copperlicht. Andrzej P.Urbański Politechnika Poznańska

UCHWAŁA NR 653/2013 RADY MIEJSKIEJ W RADOMIU. z dnia 23 grudnia 2013 r.

WYKŁAD 2 KASKADOWE ARKUSZE STYLÓW CSS CZĘŚĆ 1

Załącznik nr 2 do Uchwały Nr XIX/168/2013 Rady Gminy Stare Pole z dnia 6 marca 2013 r.

Programowanie WEB PODSTAWY HTML

XML extensible Markup Language. część 3

Style CSS definicja i wykorzystanie klasy

FORMAT ELEKTRONICZNY DEKLARACJI O WYSOKOŚCI OPŁATY ZA GOSPODAROWANIE ODPADAMI KOMUNALNYMI

Tworzenie stylów w HTML

UCHWAŁA NR XL/179/13 RADY GMINY KAMPINOS. z dnia 11 lipca 2013 r.

Układ informacji i powiązań miedzy nimi - wzoru deklaracji DO-1

Zastosowanie kaskadowych arkuszy stylów (CSS - Cascading Style Sheets) w technologii JavaServer Faces

<body> <div style="max-width: 900px; margin: 0 auto;">

Modele R/C > MODELE R/C LATAJĄCE > DUŻY QUADROCOPTER Z KAMERĄ DRON R806 2x BATERIA. DUŻY QUADROCOPTER Z KAMERĄ DRON R806 2x BATERIA. europrice.

UCHWAŁA NR LII/26/2014 RADY MIASTA OSTROWCA ŚWIĘTOKRZYSKIEGO. z dnia 27 lutego 2014 r.

JAK W NAGŁÓWKU STRONY LUB BLOGA

CSS. Kaskadowe arkusze stylów CSS

kaskadowe arkusze stylów

Modele R/C > MODELE R/C LATAJĄCE > WIELKI QUADROCOPTER DRON X30 INTRUDER LATAJĄCE UFO KAMER WIELKI QUADROCOPTER DRON X30 INTRUDER LATAJĄCE UFO KAMERA

Sport i turystyka > Turystyka > WYPRZEDAŻ KUCHENKA ELEKTRYCZNA JEDNOPALNIKOWA. europrice.pl. cellpadding="0" cellspacing="0" border="0" width="802">

Transkrypt:

Index.html <html> <head> <title>zwierzęcy świat</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <a style="text-decoration:none; color:black" href="index.html"> <div id="logo"> <p style="font-size: 30px"> Zwierzęcy świat </p> </a> <div id="góra"> <div id="menu"> <ul> <li><a href="index.html" style="color:white; text-decoration: none; border-radius: 20px; border: 0px solid #dddddd; background: #3F444A; padding: 12px; display:inline;">główna</a></li> <li><a href="index(2).html">galeria</a></li> <li><a href="index(3).html">kontakt</a></li></li> </ul> <img src="http://www.desercik.pl/wp-content/uploads/2011/12/screenshot429.jpg"> <div id="prawa"> <b>największe zwierzę</b> Największym żyjącym współcześnie zwierzęciem jest płetwal błękitny. Długość jego ciała dochodzi do 33 metrów, zaś waga - do prawie 200 ton. Zadziwiające są nie tylko jego gabaryty, ale również fakt, że odżywia się głównie planktonem, czyli najmniejszymi stworzeniami morskimi. Sam język tego imponującego zwierzęcia waży ponad 2,5 tony! Również noworodek płetwala jest rekordzistą wśród zwierzęcych dzieci - tuż po urodzeniu waży aż 3 tony.

Największym zwierzęciem lądowym jest słoń afrykański. Waży on - w porównaniu z płetwalem błękitnym "jedynie" - 6 ton, mierzy 3-4 metry wysokości i około 7 metrów długości. Dziennie słoń zjada 200 kilogramów wyłącznie roślinnego pożywienia. Największą rybą na świecie jest natomiast rekin wielorybi. Jego długość dochodzi do 20 metrów, chociaż odżywia się on - podobnie jak płetwal błękitny - jedynie planktonem. Również 20 metrów może osiągnąć, a nawet przekroczyć, długość kałamarnicy atlantyckiej - największego mięczaka świata. Inny rodzaj kałamarnicy - kałamarnica olbrzymia - ma największe oczy na świecie (o średnicy dochodzącej do 40 centymetrów!). Najwyższym zwierzęciem lądowym jest oczywiście żyrafa. Jej wysokość może przekroczyć 5 metrów. Co ciekawe, niezmiernie długa szyja żyrafy złożona jest jedynie z siedmiu kręgów, jak u większości ssaków (również u ludzi). <b>najszybsze zwierzę</b> Najszybszym zwierzęciem lądowym jest gepard. W pogoni za zwierzyną, na krótkich dystansach, może osiągnąć prędkość 120 km/h. Zwierzę to jest wyjątkowe również dlatego, że jako jedyny wielki kot nie potrafi ryczeć ani chować pazurów. Najszybszym ptakiem jest sokół wędrowny. Podczas pikowania w pogoni za ofiarą osiąga prędkość 360 km/h! Natomiast najszybszym ptakiem lądowym jest struś emu. Biega z prędkością 70 km/h, znacznie szybciej niż człowiek, dzięki czemu jest również najszybszą istotą dwunożną na świecie. <b>najwolniejsze zwierzę</b> Najwolniejsze są, oczywiście, ślimaki. Przemieszczają się one zazwyczaj z prędkością niespełna 1 metra na godzinę, zatem na pokonanie jednego kilometra potrzebują około półtora miesiąca. Niezwykle powolny jest również leniwiec. To dziwne zwierzę przesypia większość swojego życia, spędzanego głównie na drzewach. Na ziemię schodzi, aby załatwić swe potrzeby fizjologiczne - najwyżej raz w tygodniu. Leniwiec nawet oddycha "leniwie" - zaledwie 6-8 razy na minutę. <b>najszybsze tętno</b> Tętno człowieka wynosi średnio około 72 uderzeń na minutę. Istnieją jednak zwierzęta, których serca biją znacznie szybciej. Rekordzistą w tej dziedzinie jest koliber. Tętno tego ptaka wynosi aż 500-600 uderzeń na minutę, a niekiedy dochodzi nawet do 1260! Kolibry są ponadto wyjątkowo małe - to najmniejsze i najlżejsze ptaki na świecie. Niektóre (na przykład koliber hawańczyk) mają najwyżej 5 centymetrów długości i ważą zaledwie 2 gramy! Jako jedyne ptaki potrafią one latać do tyłu, na boki i zawisać w powietrzu. Mogą latać z prędkością 120 km/h, a tempo uderzeń ich skrzydeł wynosi od 10 do 90 uderzeń na sekundę! <b>najbardziej inteligentne</b> Najbardziej inteligentnym zwierzęciem na świecie jest oczywiście człowiek. Ludzki intelekt tak bardzo przewyższa inteligencję innych zwierząt, że ludzie często zapominają o tym, że też są zwierzętami (należącymi do królestwa zwierząt, gromady ssaków, rzędu naczelnych, rodzaju homo sapiens). Małpy człekokształtne, takie jak przede wszystkim najbliżej spokrewniony z człowiekiem szympans, również są bardzo inteligentne. Potrafią one posługiwać się narzędziami, żeby wykonać bardziej złożone czynności, na przykład wydobyć mrówki z mrowiska albo stłuc orzechy. Umieją nawet polować przy pomocy prymitywnej włóczni. Niezwykle inteligentne są również delfiny, szczury, psy oraz... świnie. Te ostatnie - według ostatnich badań - są bardziej inteligentne niż psy, uważane powszechnie za bardzo pojętne. W tej dziedzinie świnię przewyższają jedynie ludzie i inne naczelne. Warto o tym pamiętać, zanim, chcąc kogoś obrazić, użyje się określenia "świnia" lub "małpa".

<div id="dół"> <div id="ikony"> <table> <tr width="960px"> <td width="430px" align="center"> <p style="margin-top: 30px;"> <h2>nawigacja</h2> <a href="index.html">strona główna</a> <a href="index(2).html">galeria</a> <a href="index(3).html">kontakt</a> </p> </td> </tr> </table> </body> </html> index(2).html <html> <head> <title>zwierzęcy świat</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="style.css"> </head>

<body> <a style="text-decoration:none; color:black" href="index.html"> <div id="logo"> <p style="font-size: 30px"> Zwierzęcy świat </p> </a> <div id="góra"> <div id="menu"> <ul> <li><a href="index.html" >GłÓWNA</a></li> <li><a href="index(2).html" style="color:white; text-decoration: none; borderradius: 20px; border: 0px solid #dddddd; background: #3F444A; padding: 12px; display:inline;">galeria</a></li> <li><a href="index(3).html">kontakt</a></li></li> </ul> <img src="http://rosliny-i-zwierzeta.pl/wp-content/uploads/2011/01/running_cheetah_-1248.jpg" width="700px" height="auto"> <img src="http://www.focus.pl/upload/galleries/1/zadziwiajacy-swiat-zwierzat-1269_l.jpg" width="700px" height="auto"> <img src="http://www.cyfraplus.pl/ms_galeria/galeria/42071_3.jpg" width="700px" height="auto"> <img src="http://static.polskieradio.pl/987bc54e-9a34-4b73-bbb0-2c84c30e8eb2.file" width="700px" height="auto"> <img src="http://dinoanimals.pl/wp-content/uploads/2012/07/gepard-.jpg" width="700px" height="auto">

<div id="dół"> <div id="ikony"> <table> <tr width="960px"> <td width="430px" align="center"> <p style="margin-top: 30px;"> <h2>nawigacja</h2> <a href="index.html">strona główna</a> <a href="index(2).html">galeria</a> <a href="index(3).html">kontakt</a> </p> </td> </tr> </table> </body> </html> index(3).html <html> <head> <title>zwierzęcy świat</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <a style="text-decoration:none; color:black" href="index.html"> <div id="logo">

<p style="font-size: 30px"> Zwierzęcy świat </p> </a> <div id="góra"> <div id="menu"> <ul> <li><a href="index.html" >GłÓWNA</a></li> <li><a href="index(2).html" >Galeria</a></li> <li><a href="index(3).html" style="color:white; text-decoration: none; borderradius: 20px; border: 0px solid #dddddd; background: #3F444A; padding: 12px; display:inline;">kontakt</a></li></li> </ul> <img src="http://www.gromwolsztyn.pl/images2/kontakt.png"> Napisz do nas na adres: <a href="mailto:zwierzecy_swiat@zadane.pl">zwierzecy_swiat@zadane.pl</a> <div id="dół"> <div id="ikony"> <table> <tr width="960px"> <td width="430px" align="center"> <p style="margin-top: 30px;"> <h2>nawigacja</h2> <a href="index.html">strona główna</a> <a href="index(2).html">galeria</a> <a href="index(3).html">kontakt</a> </p> </td>

</tr> </table> </body> </html> style.css body { background: #008080 ; margin: 0; font-size: 18px; margin-top: 70px; #tabela { margin-top: 40px; margin-left:90px; img { transition: transform 0.3s; img:hover { transform: scale(1.08); #mini { background: url('f.gif') ; background-size: 660px 230px; height: 310px; background-repeat:no-repeat; margin-left:150px; #mini a {

color: #444444; #mini a:hover { text-shadow: 2px 2px 5px grey; #mini ul { display:inline; #władza { margin-left: 90px; width:320px; #apka { margin-top: -60px; margin-left: 300px; #kontakt { margin-top: -60px; margin-left: 510px; #góra { height: 70px; margin-top:-10px; background-color: #626569; #góra li { margin: 0; display:inline; padding: 3px; text-align:center; #prawa { float: right; width: 400px; #menu { margin-top: 5px; width: 500px; float: right; display:block; text-align:center; position: relative; word-spacing: 10px; #menu a { display: inline; padding: 10px 10px;

#menu A {color: white;text-decoration:none; #menu A:hover {color:white; text-decoration: none; border-radius: 20px; border: 0px solid #dddddd; background: #3F444A; padding: 12px; display:inline; #kontener { width: 960px; margin: 5px auto; font-style: oblique; #logo { height: 0px; width: 200px; margin-top: 0px; #logo a { #logo:hover { transform: scale(1.18); text-decoration: none; text-shadow: 0 0 12px #333332; #ikony { color: black; font-size: 20px; #ikony a { color: #E8E8E8; #ikony a:hover { text-shadow: 2px 2px 7px black; #powieksz { transition: transform 0.3s; width: 150px; font-size: 20px; #powieksz a { text-decoration:none; #powieksz:hover { transform: scale(1.18); text-decoration: none;

#dół { background: url('stopka7.png'); font-size:20px; width: 960px; height: 232px; text-shadow: 0 0 20px grey; float: center; margin-bottom:80px; #stopka { font-style: oblique; font-size:20px; color: #444444;