# data[].attributes.attachment_link.readable_text
Drogi Użytkowniku,

to tylko próbka dla niezalogowanych. Ale zabawa wcale nie musi się kończyć!
Dołącz do społeczności MATMAG.pl rejestrując się w portalu i dokończ grę.

Jeżeli już masz u nas konto, zaloguj się.

# data[].attributes.attachment_link.title
MATMAG.pl = matematyka szkoła podstawowa = gry i zadania

# data[].attributes.attachment_link.description
Drogi Użytkowniku, to tylko próbka dla niezalogowanych. Ale zabawa wcale nie musi się kończyć! Dołącz do społeczności MATMAG.pl rejestrując się w portalu i dokończ grę. Jeżeli już masz u nas konto, zaloguj się.

# data[].attributes.attachment_link.readable_text
1 HTML podstawowe polecenia Szkielet dokumentu: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv = "content-type" content = "text/html; charset = iso "> <meta name = "Description" content = "Opis zawartości strony"> <meta name = "Keywords" ctentent = "Wyrazy kluczowe rozdzielone przecinkami"> <title> <!-- Tytuł strony --> </title> </head> <body> <!-- właściwa treść (ciało) dokumentu --> </body> </html> 1. Elementy blokowe: Tytuły: <h1> </h1> <h2> </h2> <h3> </h3> <h4> </h4> <h5> </h5> <h6> </h6> <h1 style="text-align: right; ">Śródtytuł wyrównany do prawego marginesu</h1> <h1 style="text-align: center; ">Śródtytuł ustawiony na środku</h1> <h1 style="letter-spacing: 1mm; border: 3px double; padding: 10px; ">Obramowany śródtytuł z literami co 1mm</h1> <h1 style="font-variant: small-caps; text-align: center; color: darkseagreen; backgroundcolor: black; ">Śródtytuł w kolorze darkseagreen na tle black</h1> Akapit: <p> </p> <p style="word-spacing:1em; border: 1px dashed brown; padding:5px; ">Obramowany akapit z wyrazami co 1em i wewnętrznym odstępem 5 pikseli</p> <p style="width: 50%; text-indent: 5em; line-height: 200%; text-align: justify; color: blue; ">Akapit w niebieskim kolorze, w pojemniku o szerokości 50%, wyrównany do obu marginesów, z wcięciem pierwszego wiersza i podwójną wysokością wiersza</p> Koniec wiersza: <br> 1

2 Linia prosta: <hr> <hr style="height: 5px; color: red"> <hr style="width: 50%; "> <hr style="width: 50%; text-align: right; "> Blok preforamtowany: <pre> </pre>. Blok preformatowany jest blokiem tekstu, w którym uwzględniane są białe znaki znajdujące się w kodzie źródłowym. Blok cytowany: <blockquote> </blockquote> Blok dokumentu: <div> </div>. Blok dokumentu jest obecnie jednym z najbardziej fundamentalnym poleceń języka HTML, które odgrywa kluczową rolę w grupowaniu wielu różnych elementów i pozycjonowaniu większych fragmentów dokumentu. Na blokach formatowanych za pomocą kaskadowych arkuszy stylów oparte są dziś nowoczesne układy stron. <div style="text-align:right">zawartość bloku położona po prawej stronie </div> Zakres: <span> </span>. Polecenie pozwala wydzielić fragment akapitu. <p>w tym akapicie <span style="font-weight:bold; color:blue">ten fragment jest pogrubiony i w niebieskim kolorze</span>, natomiast <span style="font-style:italic; background-color:green">ten fragment jest pochylony i na zielonym tle</span>, a tu jest koniec akapitu.</p> Komentarz: <! > 2. Czcionki: Czcionka pogrubiona: <b> </b> Czcionka pochylona: <i> </i> Czcionka podkreślona: <u> </u> Czcionka przekreślona: <del> </del> Czcionka o stałej szerokości znaku: <tt> </tt> Indeks górny: <sup> </sup> Indeks dolny: <sub> </sub> Duża czcionka (+1): <big> </big> Mała czcionka (-1): <small> </small> wyróżnienie tekstu: <strong> </strong> 3. Odsyłacze: Etykieta: <a name="nazwa_etykiety"> </a> 2

3 Odsyłacz: <a href="miejsce_docelowe">tekst, na którym należy kliknąć</a> <a href=" znajdziesz stronę główną UMCS</a> <a href="kursy/kurscss.html">kaskadowe arkusze stylów - kurs</a> <a href="#nazwa_etykiety">tekst, na którym należy kliknąć</a> <a href="strona.htm#nazwa_etykiety">tekst</a> <a kliknij</a> <a href="ftp://ftp.polbox.com.pl/library/!lupus/hpauthor.zip">podręcznik Home Page Author</a> Mapa odsyłaczy na obrazku: <img src="odsylacz.gif " usemap="#mapa1"> <map name ="mapa1"> <area shape="rect" coords="1, 1, 50, 50" href="1.html" alt="strona 1"> <area shape="rect" coords="51, 1, 100, 50" href="2.html" alt="strona 2"> <area shape="rect" coords="1, 51, 51, 100" href="3.html" alt="strona 3"> <area shape="rect" coords="51, 51, 100, 100" href="4.html" alt="strona 4"> </map> 4. Wykazy: Wykaz nieuporządkowany: <ul> <li>pierwszy punkt</li> <li>drugi punkt</li> <li>trzeci punkt</li> </ul> Wykaz uporządkowany: <ol> <li>pierwszy punkt</li> <li>drugi punkt</li> <li>trzeci punkt</li> </ol> 5. Grafika: <img src="plik_graficzny" alt="nazwa alternatywna"> <img src="../grafika/sufi.jpg" height="150" width="200" alt="sufi w trawie"> <img src="../grafika/sufi.jpg" width="171" height="177" alt="sufi w trawie" style="border: 5px red solid; "> <img src="sufi.jpg" width="171" height="176" alt="sufi w trawie" style="marginleft: 50px; margin-right: 50px; "> <img src="sufi.jpg" width="171" height="176" alt="sufi w trawie" style="margintop: 50px; margin-bottom: 50px; "> <img src="../grafika/sufi.jpg" width="171" height="176" alt="sufi w trawie" style="float: right; "> 3

4 <img src="../grafika/sufi.jpg" width="85" height="88" alt="sufi w trawie" style="vertical-align: top; "> 6. Tabele: Ogólne ramy tabeli: <table> </table> Wiersz tabeli: <tr> </tr> Komórka w wierszu: <td> </td> <table> <tr> <td> a1 </td><td> a2 </td><td> a3 </td></tr> <tr> <td> a4 </td><td> a5 </td><td> a6 </td></tr> <tr> <td> a7 </td><td> a8 </td><td> a9 </td></tr> </table> Obramowanie: <table border> </table> <table border="10"> </table> <table border cellspacing="8"> </table> <table border cellspacing="5" cellpadding="15"> </table> <table border cellspacing="1" cellpadding="5" style="border: 15px outset #D2691E; "> Szerokośc tabeli: <table width= "600"> </table> lub <table width="50%"> </table> Szerokość komórki: <td style="width: 150px; ">zawartość komórki</td> lub <td style="width: 50%; ">zawartość komórki</td> Wysokość tabeli: <table border style="height: 200px; width: 60%; "> Wyrównanie tabeli: w tekście: <table style="float:right; "></table> <table style="float:left; "></table> na stronie: <table align="left"></table> <table align="center"></table> <table align="right"></table> Poziome wyrównanie danych w komórce: <td align="left"> </td> <td align="center"> </td> <td align="right"> </td> 4

5 lub <td style="text-align: left; "> </td> <td style="text-align: center; "> </td> <td style="text-align: right; "> </td> Pionowe wyrównanie danych w kmórce: <td valign="top"> </td> <td valign="middle"> </td> <td valign="bottom"> </td> Kolor tła tabeli: <table style="background-color: red"> <tr style="background-color: beige"> <td style="background-color: green"> <table style="background-image: url(adres_obrazka)"> Tytuł tabeli: <caption>tytuł tabeli</caption> <caption style="caption-side: bottom; ">Tytuł tabeli</caption> Nagłówek wiersza i kolumny: <th> </th> <table border cellpadding="10" width="500"> <caption>wzrost produkcji cuktu i mąki w latach (w mln PLN)</caption> <tr><td></td><th>1991</th> <th>1992</th> <th>1993</th> <th>1994</th> <th>1995</th> </tr> <tr style="text-align: center; "><th>cukier</th> <td>1150</td><td>1240</td><td>1380</td><td>1420</td><td>1550</td></tr> <tr style="text-align: center; "><th>mąka</th> <td>800</td><td>900</td><td>980</td><td>1150</td><td>1320</td></tr> </table> Łączenie komórek: w kolumnie: <td rowspan="x"> w wierszu: <td colspan="x"> 5

6 Encje HTML encja Znak wyswietlany Znaczenie &nbsp Twarda spacja &amp & Ampersand &gt > Znak większości &lt < Znak mniejszości &ge Znak większe równe &le Znak mniejsze równa &quot " Cudzysłów &hellip Trzy kropek &deg Znak stopnia &divade Znak dzielenia &plusmn ± Znak plus minus &larr Strzałka w lewo &rarr Strzałka w prawo &harr Strzałka obustronna &sect Sekcja 6

Odsyłacze. Style nagłówkowe

Odsyłacze ... polecenie odsyłcza do dokumentu wskazywanego przez url. Dodatkowym parametrem jest opcja TARGET="...", która wskazuje na miejsce otwarcia wskazywanego dokumentu, a jej parametrami

Bardziej szczegółowo

Kaskadowe arkusze stylów cz. 2

Formatowanie wyglądu tekstu Właściwości związane z czcionką Wybór czcionki Tworzenie czcionki pochyłej Pogrubianie czcionki Określanie wielkości czcionki Wykorzystanie kapitalików Określanie wysokości

Bardziej szczegółowo

www.fwrl.pl/szkolenie

STRONA www.fwrl.pl/szkolenie MS WORD HTML HTML i dostarczają informację dla silnika przeglądarki o tym jak ma być zbudowana i wyświetlona strona HTML HTML HTML (warstwa logiczna co i gdzie ma być) (wastwa

Bardziej szczegółowo

CSS - layout strony internetowej

www.math.uni.lodz.pl/ radmat Ćwiczenie 1 Proszę przy pomocy listy stworzyć menu pionowe o następujących własnościach: Ćwiczenie 1 Proszę przy pomocy listy stworzyć menu pionowe o następujących własnościach:

Bardziej szczegółowo

Edukacja na odległość

Ćwiczenie 2. Edukacja na odległość Obsługa konta WWW na serwerze Linuksowym Tworzenie portalu edukacyjnego o określonej, wybranej przez studenta tematyce naukowej. Cel ćwiczenia: Projektowanie strony czołowej

Bardziej szczegółowo

Podstawy (X)HTML i CSS

Inżynierskie podejście do budowania stron WWW momat@man.poznan.pl 2005-04-11 1 Hyper Text Markup Language Standardy W3C Przegląd znaczników Przegląd znaczników XHTML 2 Cascading Style Sheets Łączenie z

Bardziej szczegółowo

Technologie Informacyjne

Technologie Informacyjne Wykªad 6 Paweª Witkowski MIM UW Wiosna 2013 P. Witkowski (MIM UW) Technologie Informacyjne Wiosna 2013 1 / 18 HTML HyperText Markup Language J zyk oparty na znacznikach Opisuje

Bardziej szczegółowo

TECHNOLOGIE SIECI WEB

TECHNOLOGIE SIECI WEB Prowadzący: dr inż. Jan Prokop, e-mail: jprokop@prz.edu.pl, Politechnika Rzeszowska, Wydział Elektrotechniki i Informatyki LABORATORIUM ĆWICZENIE nr 1 Temat: Język (X)HTML - Layout

Bardziej szczegółowo

9. TABELE KURS HTML.

9. TABELE Tabele są czymś niezwykle waŝnym dla strony HTML. ChociaŜ początkujący omijają je szerokim łukiem, lepiej się je nauczyć. Ta lekcja będzie większym połączeniem oby dwóch języków kursu niŝ jakiekolwiek

Bardziej szczegółowo

Krok 1: Stylizowanie plakatu

HTML & CSS 1 Wanted! Każdy Klub Kodowania musi być zarejestrowany. Zarejestrowane kluby można zobaczyć na mapie na stronie codeclubworld.org - jeżeli nie ma tam twojego klubu sprawdź na stronie jumpto.cc/18cplpy

Bardziej szczegółowo

Technologie Informacyjne

Technologie Informacyjne Wykªad 7 Paweª Witkowski MIM UW Wiosna 2013 P. Witkowski (MIM UW) Technologie Informacyjne Wiosna 2013 1 / 23 HTML HTML Sªu»y do deniowania struktury dokumentu: akapity nagªówki

Bardziej szczegółowo

HTML cd. Ramki, tabelki

HTML cd. Ramki, tabelki Ramki Umożliwiają wyświetlanie kilku niezależnych dokumentów w tym samym oknie w układzie pionowym, poziomym lub mieszanym. Wady: kłopotliwe drukowanie, konieczność zapanowania

Bardziej szczegółowo

Technologie Internetowe

Arkadiusz Liber Emil Dziubecki Technologie Internetowe Laboratorium Ćwiczenie 3. Projektowanie i implementacja dokumentów hipertekstowych zawierających ramki i tabele Legnica 2005 1 1. Wymagania wstępne

Bardziej szczegółowo

Hyper Text Markup Language

Podstawy projektowania dokumentów WWW Język znaczników HTML Hyper Text Markup Language Język słuŝący do zapisu dokumentów WWW. Opisuje wygląd dokumentu i definiuje łączniki hipertekstowe, pozwalające na

Bardziej szczegółowo

Wprowadzenie do języka HTML

Radosław Rudnicki (joix@mat.umk.pl) 05.09.2009 r. Wprowadzenie do języka HTML Do tworzenia stron internetowych wystarczy użyd zwykłego Notatnika oferowanego przez system Windows, czy dowolny inny system

Bardziej szczegółowo

Elementarz HTML i CSS

Elementarz HTML i CSS Znaczniki przydatne w pracy redaktora stron internetowych 1 Elementarz HTML i CSS Znaczniki przydatne w pracy redaktora stron internetowych Treść, korekta, skład i oprawa graficzna

Bardziej szczegółowo

e r T i H M r e n L T n

s e r T t w o i H M r e o T n w z n L Podstawy 1. Nawigacja na stronie jest niezwykle istotna, powinna być możliwie jak najprostsza. Pamiętajmy, że im mniej kroków do celu tym lepiej. 2. Projekt graficzny

Bardziej szczegółowo

Język HTML i podstawy CSS

Notatki do wykładu Język HTML i podstawy CSS dr Jacek Tarasiuk WFiIS, AGH wersja 2006 Spis treści Język HTML...1 Rodzaje dokumentów HTML...1 Budowa dokumentu HTML...1 Zestawienie znaczników...2 Szkielet

Bardziej szczegółowo

Alfabetyczna lista stylów

Tematy: Kaskadowe arkusze stylów Alfabetyczna lista stylów Uwaga: wiele stylów CSS3 nie jest ciągle interpretowanych przez przeglądarki Styl Znaczen CSS1 CSS2 CSS3 IE FF A animation Zbiorcza definicja

Bardziej szczegółowo

KATEGORIA OBSZAR WIEDZY

Moduł 3 - Przetwarzanie tekstów - od kandydata wymaga się zaprezentowania umiejętności wykorzystywania programu do edycji tekstu. Kandydat powinien wykonać zadania o charakterze podstawowym związane z

Bardziej szczegółowo

HTML. Barbara Kołodziejczak

HTML HTML (ang. Hyper Text Markup Language, pl. hipertekstowy język znaczników), to język składający się ze znaczników (ang. tags) oraz reguł ich poprawnego stosowania (gramatyki, syntaktyki), stosowany

Bardziej szczegółowo

Atrybuty znaczników HTML

Atrybuty znaczników HTML Atrybut Zastosowanie Opis Abbr Td, Th Skrót dla komórki nagłówkowej tabeli Accept Form, input Lista typów MIME dla wysyłanego pliku Accept-charset Form Lista obsługiwanych znaków

Bardziej szczegółowo

# data[].attributes.attachment_link.title
HTML podstawowe polecenia - PDF Darmowe pobieranie

# data[].attributes.attachment_link.description
HTML podstawowe polecenia Szkielet dokumentu: <meta http-equiv = "content-type" content

# data[].attributes.attachment_link.readable_text
Nasze gry edukacyjne zmienią naukę w emocjonującą zabawę. Zamiast słuchać nauczyciela możesz zdobywać wiedzę po prostu grając w gry! W grach liczbowych dzieci dowiedzą się wszystkiego o liczeniu. Układaj zagadkowe wzory i zdobywaj nagrody za wygrane! Mamy też szeroki wachlarz wyzwań matematycznych, które łączą podstawowe działania ze specjalnymi czynnościami. Poćwicz dodawanie, odejmowanie, mnożenie i dzielenie w całkiem nowy, zabawny sposób!

Wszystkie nasze gry edukacyjne to okazja do ćwiczenia umysłu. Rozwiązuj zagadki logiczne i łamigłówki oraz poszerzaj granice swojej wyobraźni! Nieważne, czy masz 5,15 czy 50 lat: mamy idealne wyzwanie edukacyjne właśnie dla ciebie. W każdej grze w naszej kolekcji znajdziesz kolorowe postacie, zabawne dźwięki i wątek edukacyjny. Dowiedz się jak rysować współrzędne X i Y, sprawdź swoją wiedzę z zakresu geometrii i naucz się czytać szybciej, a jednocześnie doskonale się baw!

# data[].attributes.attachment_link.description
Nasze gry edukacyjne zmienią naukę w emocjonującą zabawę. Zamiast słuchać nauczyciela możesz zdobywać wiedzę po prostu grając w gry! W grach liczbowych dzieci dowiedzą się wszystkiego o liczeniu. Układaj zagadkowe wzory i zdobywaj nagrody za wygrane! Mamy też szeroki wachlarz wyzwań matematycznych, które łączą podstawowe działania ze specjalnymi czynnościami.

# data[].attributes.attachment_link.description
It's mini-golf with a twist! Can you putt your golf ball into the hole while dodging thorns, lasers and blocked routes?

# data[].attributes.attachment_link.readable_text
Previous

Next

Support for MOLLY OF DENALI® is provided by the W.K. Kellogg Foundation, The Arthur Vining Davis Foundations, the GBH Kids Catalyst Fund, and by public television viewers.

Original production funding was provided by a Ready To Learn Grant from the Department of Education, and the Corporation for Public Broadcasting, a private corporation funded by the American People, the T. Rowe Price College Savings Plan, Homer and IKEA®.

The contents of the first season of this program were developed under a grant from the Department of Education. However, those contents do not necessarily represent the policy of the Department of Education, and you should not assume endorsement by the Federal Government. [PR/Award No. U295A150003, CFDA No. 84.295A]

MOLLY OF DENALI® is produced by GBH Kids and Atomic Cartoons.

Molly of Denali, ®/© 2022 WGBH Educational Foundation. All rights reserved. Privacy Policy | Program Sponsorship

# data[].attributes.attachment_link.description
Previous Next Support for MOLLY OF DENALI® is provided by the W.K. Kellogg Foundation, The Arthur Vining Davis Foundations, the GBH Kids Catalyst Fund, and by public television viewers. Original production funding was provided by a Ready To Learn Grant from the Department of Education, and the Corporation for Public Broadcasting, a private corporation funded by the American People, the T.

# data[].attributes.attachment_link.readable_text
Support for MOLLY OF DENALI® is provided by the W.K. Kellogg Foundation, The Arthur Vining Davis Foundations, the GBH Kids Catalyst Fund, and by public television viewers.

Original production funding was provided by a Ready To Learn Grant from the Department of Education, and the Corporation for Public Broadcasting, a private corporation funded by the American People, the T. Rowe Price College Savings Plan, Homer and IKEA®.

The contents of the first season of this program were developed under a grant from the Department of Education. However, those contents do not necessarily represent the policy of the Department of Education, and you should not assume endorsement by the Federal Government. [PR/Award No. U295A150003, CFDA No. 84.295A]

MOLLY OF DENALI® is produced by GBH Kids and Atomic Cartoons.

Molly of Denali, ®/© 2022 WGBH Educational Foundation. All rights reserved. Privacy Policy | Program Sponsorship

# data[].attributes.attachment_link.description
Support for MOLLY OF DENALI® is provided by the W.K. Kellogg Foundation, The Arthur Vining Davis Foundations, the GBH Kids Catalyst Fund, and by public television viewers. Original production funding was provided by a Ready To Learn Grant from the Department of Education, and the Corporation for Public Broadcasting, a private corporation funded by the American People, the T.

# data[].attributes.attachment_link.description
Play Slalom Hero on the CBC Kids site and see if you will win gold, silver or bronze!