język - Kurs HTML i CSS
Operacje na tekście w JavaScript - String.prototype / Porównanie lokalne - localeCompare...kolejności występowania liter w narodowym alfabecie. Wady tej nie posiada funkcja String.prototype.localeCompare, która powinna uwzględnić domyślny język ustawiony w systemie operacyjnym użytkownika. Przykład String.prototype.localeCompare "abc".localeCompare("def") < 0; // true "def" > "abc"; // true "def".localeCompare("abc") > 0; // true "ą" < "b"; // false "ą".localeCompare("b"); < 0; // true "b" > "ą"; // false...
Reguły warunkowe CSS / Zapytania właściwości @supports(CSS3 - interpretuje Firefox, Opera, Chrome) Język CSS ma wbudowany prosty system obsługi starszych wersji przeglądarek, które nie interpretują pełnej specyfikacji. Właściwości (cechy), których przeglądarka nie rozumie, są ignorowane. Oczywiście w takiej sytuacji strona nie będzie wyglądać dokładnie tak, jak założył jej twórca, ale nadal powinna być czytelna. Co ważne, nie spowoduje to odrzucenia całego arkusza stylów, więc dokument HTML zostanie poddany częściowemu formatowaniu - na tyle, ile...
Znaki specjalne HTML / Ludzie i części ciała - emotikony (emoji)Możesz szybko wyszukać dowolną ikonę emoji używając w tym celu specjalnego generatora. Numer Objaśnienie Wygląd Dłonie otwarte 👋 Machająca dłoń 👋 🤚 Podniesiona odwrócona dłoń 🤚 🖐 Podniesiona dłoń z rozłożonymi palcami 🖐 ✋ Podniesiona dłoń ✋ 🖖 Podniesiona dłoń z przerwą pomiędzy palcem środkowym a serdecznym 🖖 Dłonie częściowo zamknięte 👌 Gest OK 👌 🤌 Szczypiące palce 🤌 🤏 Szczypiąca...
- CSS dla zielonych / Kolor tła oraz tekstu CSS {background-color, color}
Aby zmienić wygląd jakiegoś elementu na stronie, trzeba go najpierw wskazać. W języku CSS robi się to za pomocą tzw. selektora. W najprostszym przypadku jest to nazwa wybranego znacznika, który wcześniej wstawiliśmy do naszego dokumentu HTML. Wszystko co znajduje się wewnątrz tak wskazanego znacznika - czyli zarówno tekst, jak i inne znaczniki - otrzyma style podane w deklaracji. Przykładowo, aby zmienić kolor tła oraz teksu na całej stronie, możemy się posłużyć selektorem body, ponieważ...
- HTML5 / Tłumaczenie językowe <... translate>
...<element translate="tłumaczenie">...</element> tłumaczenie Należy podać jedną z poniższych wartości: yes - tłumaczenie tekstu na inne języki jest dozwolone (to samo co użycie translate jako atrybut logiczny - bez podania wartości). no - tłumaczenie zablokowane element Dowolny znacznik HTML 4.01 lub HTML5 W sieci pojawiły się specjalne programy, służące do automatycznego tłumaczenia stron obcojęzycznych na język rodzimy użytkownika. Często są one również wbudowane w...
- HTML5 / Rozmiary przycisku obrazkowego <input "image" width height>
(interpretuje: Chrome 21, Firefox 16, Edge 12, Opera 12.1, Safari 7) <input type="image" src="lokalizacja" width="szerokość" height="wysokość"> lokalizacja Ścieżka dostępu do obrazka szerokość wysokość Nieujemne liczby całkowite określające odpowiednie wymiary przycisku obrazka wyrażone w pikselach Język HTML5 uzupełnia coś, co zapewne zostało przeoczone podczas tworzenia specyfikacji HTML 4.01. Od teraz można już ustawiać rozmiary przycisku obrazkowego służącego do wysyłania...
- 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 / Leniwe ładowanie <iframe loading, img loading>
Widżet - ramka lokalna: <iframe src="lokalizacja" loading="tryb"></iframe> Obrazek: <img src="lokalizacja" loading="tryb"> lokalizacja Ścieżka dostępu albo adres URL wskazujące na miejsce, skąd ma zostać załadowany zewnętrzny zasób tryb Należy podać jedną z poniższych wartości: lazy - zasób zostanie pobrany dopiero po spełnieniu określonych warunków - np. kiedy użytkownik przewinie stronę w jego pobliże. eager - ładowanie natychmiastowe (wartość domyślna) Język HTML pozwala na...
- Drukowanie CSS / Po co drukować strony internetowe?
Spis treści Drukowanie stron internetowych Dlaczego warto korzystać z CSS do stylowania wydruku? Wydruk w erze cyfrowej Jakie możliwości daje CSS w kontekście wydruku? Kompletny przewodnik po stylowaniu wydruku za pomocą CSS Drukowanie stron internetowych Język CSS jest przede wszystkim narzędziem do projektowania wizualnego stron internetowych na ekranach komputerów, tabletów i smartfonów. Jednakże jego możliwości wykraczają poza ten obszar. CSS pozwala również na precyzyjne...
Dla nauczycieli / Dla nauczycieli - Kurs HTML i CSS w Twojej klasie...certyfikaty ukończenia dla uczniów - bez logowania, bez reklam i bez instalowania dodatkowych aplikacji. Dlaczego warto? Prosty i przystępny język, przystosowany do osób początkujących. Nawet jeśli uczniowie nie znają żadnej składni programowania, szybko przyswoją podstawy. Dostosowany do różnych poziomów zaawansowania - lekcje HTML dla zielonych i CSS dla zielonych pozwalają zacząć od absolutnych podstaw, ale kurs zawiera też bardziej zaawansowane treści, takie jak: HTML5, CSS3...