javascript - Kurs HTML i CSS
Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopniaSpis treści Wstęp Cel ogólny cyklu lekcji Wymagania podstawy programowej Lekcja 1 - Struktura HTML i pierwsza strona Lekcja 2 - Dodawanie obrazków i linków Lekcja 3 - Formatowanie strony i style CSS Lekcja 4 - Tworzenie strony za pomocą szablonu Lekcja 5 - Elementy programowania: proste skrypty JavaScript Zadanie końcowe / projekt Podsumowanie Wstęp Poniżej znajdziesz scenariusz cyklu lekcji oparty na podstawie programowej dla branżowej szkoły I stopnia z zakresu informatyki oraz...
HTML dla zielonych / Edytory HTMLCo jest potrzebne, żeby napisać stronę internetową? Teoretycznie może to być dowolny edytor tekstu, no i oczywiście dobre chęci. Dokument HTML, czyli Hypertext Markup Language - Hipertekstowy Język Oznaczania, jest po prostu plikiem tekstowym, gdzie wpisujemy wszystkie polecenia dotyczące formatowania tekstu, wstawiania grafiki i inne. Lecz pisanie strony w zwykłym edytorze tekstu byłoby bardzo uciążliwe. Dlatego powstało wiele wyspecjalizowanych edytorów, które ułatwią, przyspieszą i...
- Formularze HTML / Ramy formularza HTML <form>
Spis treści <form> Ramy formularza <form> Dla zaawansowanych Sprawdzenie pól formularza <form onsubmit> Ankieta Ramy formularza <form> <form action="mailto:adres e-mail gdzie wysłać formularz" method="post"> (Tutaj umieszcza się pola formularza) </form> lub <form action="mailto:adres e-mail?subject=temat" method="post"> (Tutaj umieszcza się pola formularza) </form> gdzie jako "adres e-mail gdzie wysłać formularz" podaj swój adres poczty elektronicznej e-mail. Natomiast zamiast...
- XHTML / Różnice między HTML 4 a XHTML 1.0
...jest zamieniane na jeden. Skrypty osadzone i wewnętrzne arkusze stylów (element style) należy wstawiać w następujący sposób: <script type="text/javascript"> <![CDATA[ ...zawartość skryptu (może zawierać bezpośrednio znaki: <, >, &)... ]]> </script> Jest to konieczne, jeśli wewnętrzny skrypt lub arkusz stylów zawiera znaki: <, >, &, ponieważ w takim przypadku procesor XML potraktuje je jako znaczniki lub początek encji (znaków specjalnych). Uwaga! Przeglądarki mogą nie obsługiwać tej...
- Ikony (symbole) / Akcje interfejsu użytkownika
...system_update_alt Wynik output output Wyłącz wyszukiwanie search_off search_off Umieść element place_item place_item Javascript javascript javascript Przesuń w górę swipe_up swipe_up Maksymalizuj maximize maximize Zaznacz wszystko select_all select_all Dopasuj do ekranu fit_screen fit_screen Małe zaznaczenie check_small check_small Ukryj źródło hide_source hide_source Dynamiczny formularz dynamic_form dynamic_form Przesuń w prawo swipe_right swipe_right Przeglądaj...
- HTML5 / Zmienione elementy i atrybuty HTML5
Spis treści Zmienione elementy Zmienione atrybuty Odradzane atrybuty Zmienione elementy A Jeżeli sam nie zawiera się w elemencie wyświetlanym w linii, może obejmować sobą również elementy blokowe z wyjątkiem interaktywnych: A, BUTTON, DETAILS, EMBED, IFRAME, LABEL, SELECT, TEXTAREA, AUDIO (z atrybutem controls), IMG (z atrybutem usemap="..."), INPUT (z atrybutem type="..." innym niż "hidden"), MENU (z atrybutem type="toolbar"), OBJECT (z atrybutem usemap="..."), VIDEO (z atrybutem...
- HTML5 / Asynchroniczne ładowanie skryptów <script src async>
(interpretuje: Internet Explorer 10, Firefox 3.6, Opera 15, Chrome 8) <script src="lokalizacja" async></script> lokalizacja Ścieżka dostępu albo adres URL wskazujące na miejsce, skąd ma zostać załadowany zewnętrzny plik ze skryptem Na stronach internetowych można załączać dynamiczne skrypty, napisane w języku JavaScript. Zwykle zapisuje się je w osobnych plikach z rozszerzeniem *.js i osadza na stronie przy użyciu znacznika SCRIPT - podając do nich odnośnik w atrybucie src="...". W...
- Formularze HTML / Pole wyboru <input "checkbox">
Spis treści <input "checkbox"> Pole wyboru <input "checkbox"> Domyślne zaznaczenie pola <input "checkbox" checked> Blokada pola <input "checkbox" disabled> Etykieta <label> Klawisz skrótu <input "checkbox" accesskey> Dynamiczne blokowanie pól formularza Pole wyboru <input "checkbox"> <form action="..."> <input type="checkbox" name="nazwa" value="wartość">Tu wpisz opis pola </form> gdzie jako "nazwa" należy wpisać nazwę danego pola (np. skróconą treść pytania), która nie powinna być...
- XHTML / Typy MIME dokumentów XHTML
(interpretuje: Chrome 4, Firefox 2, Edge 12, Opera 10, Safari 3.1, Internet Explorer 9.0) Typ MIME w Internecie wskazuje format pliku, z jakim mamy do czynienia. Nietrudno się domyślić, że określa on również typ dokumentów HTML oraz XHTML, ponieważ jak sama nazwa wskazuje nie są one zwykłym tekstem ale hipertekstem. Oto spis typów MIME, z jakimi mogą być przesyłane dokumenty HTML i XHTML: MIME HTML 4 XHTML 1.0 (kompatybilność wstecz) XHTML 1.0 XHTML 1.1 text/html powinien może...
Przeglądarka zdjęć...value="' + zdjecia[i][0] + '"' + (i == nr ? ' selected' : '') + '>' + zdjecia[i][1] + '</option>'; } document.write( '<form action="javascript:void(0)" id="' + this.id + '" class="zdjecia">' + '<div class="zdjecia_menu">' + '<input type="button" name="poczatek" value="|<<"' + (nr == 0 ? ' disabled' : '') + ' title="Początek" onclick="' + this.id + '.wyswietl(0)" onkeypress="' + this.id + '.wyswietl(0)">' + '<input type="button" name="wstecz" value...