javascript - Kurs HTML i CSS
HTML5 / Zdarzenia HTML5Zdarzenie HTML to określona sytuacja lub akcja, która zachodzi w interfejsie użytkownika i może wywołać reakcję przeglądarki lub skryptu (JavaScript). Przykładami zdarzeń są kliknięcie myszą, załadowanie strony, zmiana wartości w formularzu czy rozpoczęcie odtwarzania pliku multimedialnego. Zdarzenia pozwalają tworzyć dynamiczne i interaktywne strony internetowe, reagujące na działania użytkownika. Zdarzenia w HTML można przypisywać bezpośrednio do elementów jako atrybuty, dodając przedrostek...
- 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 Dynamiczne ukrywanie 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ą...
- Podcast HTML / #9 HTML5
Pobierz plik MP3... Zobacz więcej... Wszystkie odcinki podcastu HTML: #1 HTML dla zielonych #2 Nagłówek i treść HTML #3 Tekst HTML #4 Odsyłacze HTML #5 Tabele HTML #6 Multimedia HTML #7 Widżety HTML #8 Formularze HTML #9 HTML5 Ewolucja i podstawowa składnia HTML5 HTML5 jest piątą, najnowszą wersją specyfikacji języka HTML. Jest to język komputerowy, którego skrót oznacza Hipertekstowy Język Oznaczania (Hypertext Markup Language), służący do tworzenia stron internetowych...
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...
- Komendy HTML 4.01 / Zdarzenia
Spis treści Wstęp Spis wszystkich zdarzeń generowanych przez elementy Wstęp Zdarzenia są automatycznie generowane przez element, którego dotyczą, zawsze wtedy, gdy zajdą określone okoliczności. Takie zdarzenie można przechwycić i wykonać jakąś czynność, gdy zajdą podane warunki - jak np. wyświetlenie okienka po kliknięciu elementu myszką. Aby możliwa była obsługa wygenerowanego zdarzenia, należy przypisać do znacznika określony atrybut z wartością zawierającą polecenia, które będą w...
- Skórki
...Print Screen), aby użytkownicy nie musieli wybierać w ciemno 🙂 Zmiana skórki będzie się sprowadzała do wstawienia specjalnego odsyłacza: <a href="javascript:void(0)" onclick="skin.set('/style.css'); return false"><img src="zrzut ekranu" alt="Nazwa skórki" border="0"></a> /style.css Lokalizacja arkusza stylów skórki. zrzut ekranu Obrazek ze zrzutem ekranu skórki. Oczywiście w miejsce znacznika obrazka <img> można wstawić również zwykły tekst. Nazwa skórki Tekst alternatywny dla...
- HTML5 / Blokowanie wyświetlania <link "stylesheet" blocking, script blocking, style blocking>
(interpretuje: Opera 91, Chrome 105) Zewnętrzny arkusz stylów CSS: <link rel="stylesheet" href="style.css" blocking="render"> Skrypt JavaScript: <script blocking="render"></script> Wewnętrzny arkusz stylów CSS: <style blocking="render">...</style> style.css Lokalizacja zewnętrznego arkusza stylów CSS Przeglądarka internetowa może wykonywać niektóre operacje równocześnie. Czasami mogłoby to jednak prowadzić do nieoczekiwanych rezultatów. Dlatego na przykład osadzenie zewnętrznego...
- HTML5 / Uwierzytelnienie <audio crossorigin, img crossorigin, link crossorigin, script crossorigin, video crossorigin>
Odtwarzacz dźwiękowy audio - wersja podstawowa: <audio src="lokalizacja" crossorigin></audio> Odtwarzacz dźwiękowy audio - wersja rozszerzona: <audio src="lokalizacja" crossorigin="uwierzytelnienie"></audio> Obrazek - wersja podstawowa: <img src="lokalizacja" crossorigin> Obrazek - wersja rozszerzona: <img src="lokalizacja" crossorigin="uwierzytelnienie"> Zewnętrzny zasób - wersja podstawowa: <link href="lokalizacja" crossorigin> Zewnętrzny zasób - wersja rozszerzona: <link...
- HTML5 / Wstępne ładowanie <link "preload" as>
(interpretuje: Firefox 85, Opera 37, Chrome 50) <link rel="preload" as="rodzaj" type="typ" href="lokalizacja"> rodzaj W zależności od języka, w którym wybrane zasoby zewnętrzne są używane, można podać następujące wartości: w języku HTML - audio, document (dokument HTML), embed, frame, iframe, image, object, track, video w języku CSS - font, style (zewnętrzny arkusz stylów oraz import arkusza stylów) w języku JavaScript - fetch, json, script w języku XML - xslt (ang. Extensible...
- HTML5 / Automatyczne zogniskowanie <... autofocus>
(interpretuje: Internet Explorer 10, Firefox 4, Opera 10, Chrome 5) Elementy bez znacznika zamykającego (np. INPUT): <element autofocus> Elementy ze znacznikiem zamykającym (np. TEXTAREA): <element autofocus>...</element> element Dowolny znacznik HTML 4.01 lub HTML5 Atrybut logiczny (wstawiany bez wartości), dzięki któremu po załadowaniu strony, kursor tekstowy zostanie automatycznie umieszczony w tak zaznaczonym polu formularza. Chociaż typowym zastosowanie atrybutu autofocus są...