element - Kurs HTML i CSS
HTML5 / Stopka <footer><footer>...</footer> Stanowi stopkę dla zawierającego ją elementu sekcji (ARTICLE, ASIDE NAV, SECTION). Stopka przechowuje zwykle informacje na temat sekcji - np.: autor, linki do powiązanych dokumentów, prawa autorskie itp. Stopka może również zawierać w sobie znaczniki sekcji. W takim przypadku stosuje się ją do oznaczania: załączników, skorowidzów (alfabetycznych indeksów haseł), kolofonów (opisów na zakończenie książki), szczegółowych praw autorskich itp. Mimo z pozoru analogicznej...
- HTML5 / Szablon strony w HTML5
...na DIV-ach. Tam również znajdziesz praktyczne przykłady sposobów układania poszczególnych sekcji szkieletu na stronie. Objęcie całego szkieletu elementem DIV, jest poprawne, ponieważ w tym miejscu ma on na celu przygotowanie pojemnika, koniecznego do zmiany wyglądu całej strony (przy pomocy CSS). Właśnie do tego został przeznaczony ten element. Zwykle objęcie całej zawartości ciała dokumentu znacznikiem ARTICLE, nie jest najlepszym rozwiązaniem. Został on przewidziany po to, aby...
Układ elastyczny CSS / Marginesy automatyczne...blok 1 blok 2 blok 3 margin-left: auto Pytania i odpowiedzi Co oznacza "margin: auto"? W kontekście flexbox, "margin: auto" oznacza, że element zostanie wyśrodkowany wzdłuż osi głównej (głównego kierunku) kontenera. Działa to poprzez równomierne rozłożenie dostępnego miejsca po obu stronach elementu, co skutkuje wyśrodkowaniem. Jak ustawić elementy obok siebie CSS? Aby ustawić elementy obok siebie w kontekście flexbox CSS, można to osiągnąć ustawiając "margin-right: auto" na...
- HTML5 / Główna treść <main>
...możemy wyznaczyć menu nawigacyjne, nagłówek witryny zwykle z osadzonym logo, stopkę zawierającą np. informacje o prawach autorskich. Wszystkie te elementy niezwykle ułatwiają przeglądanie witryny. Jednak użytkownicy odwiedzają stronę przede wszystkim nie po to, żeby oglądać menu czy logo. Głównym celem jest dotarcie do treści, która jest zawarta w serwisie. Taka treść może ginąć w natłoku wszystkich elementów pomocniczych witryny. Zwłaszcza wyszukiwarki i czytniki ekranowe mogą mieć...
Zastosowanie tablic w JavaScript - Array / Tworzenie instancji tablicy w JavaScript - new Array...new Array new Array length new Array new Array() new Array(len) new Array(item0) new Array(item0, item1...) Parametry Number len - liczba elementów tablicy item0, item1... - lista elementów tablicy Wartość: Array - nowa instancja tablicy Wyjątki: RangeError - wartość len nie jest liczbą naturalną Tablica jest rodzajem kolekcji (pojemnika) do przechowywania innych elementów. Elementy tablicy są ponumerowane tzw. indeksami. Pierwszy element otrzymuje indeks 0, drugi - 1, trzeci...
- Operacje na tablicach w JavaScript - Array.prototype / Przekształcanie tablicy na tekst w rodzimym języku - toLocaleString
Array.prototype.toLocaleString() Wartość: String - tekstowa reprezentacja elementów tablicy zgodnie z rodzimym językiem użytkownika Wyjątki: TypeError - element tablicy nie posiada metody toLocaleString Działa analogicznie jak Array.prototype.toString, ale przekształca każdy element tablicy na tekst, zgodnie z ustawieniami rodzimego języka użytkownika systemu. Na przykład w języku polskim liczby rzeczywiste zapisujemy z użyciem znaku przecinka, podczas gdy angielskim - z użyciem kropki...
- Operacje na tablicach w JavaScript - Array.prototype / Sortowanie elementów tablicy - sort
Array.prototype.sort() Array.prototype.sort(comparefn) Parametry: Function comparefn - funkcja porównująca dwa elementy tablicy (domyślnie elementy są sortowane w porządku alfabetycznym); zwraca: liczbę mniejszą od zera - gdy pierwszy element jest mniejszy niż drugi zero - gdy oba elementy są równe liczbę większą od zera - gdy pierwszy element jest większy niż drugi Wartość: Array - posortowana tablica Układa elementy tablicy w określonym porządku. Domyślnie odbywa się to...
- Operacje na tablicach w JavaScript - Array.prototype / Sprawdzanie warunku dla przynajmniej jednego elementu - some
...Array.prototype.some(callbackfn, thisArg) Parametry: Function callbackfn - funkcja testująca przyjmująca argumenty: kValue - element tablicy Number k - indeks elementu tablicy Array O - oryginalna tablica thisArg - wartość bieżącego obiektu this dostępnego w czasie wywołania wewnątrz ciała funkcji (domyślnie: undefined) Wartość: Boolean - czy przynajmniej dla jednego elementu tablicy funkcja testująca zwraca wartość true Wyjątki: TypeError - callbackfn nie jest...
- Operacje na tablicach w JavaScript - Array.prototype / Redukowanie tablicy do wartości - reduce
...Function callbackfn - funkcja zwracająca zredukowaną wartość i przyjmująca argumenty: accumulator - dotychczasowa zredukowana wartość kValue - element tablicy Number k - indeks elementu tablicy Array O - oryginalna tablica initialValue - wartość początkowa (domyślnie: element o najniższym indeksie jawnie dodanym do tablicy) Wartość: zredukowana wartość tablicy Wyjątki: TypeError - callbackfn nie jest funkcją albo nie podano initialValue podczas gdy do tablicy nie dodano jawnie...
- CSS dla zielonych / Klasy selektorów CSS <div class>
Niemal na każdej stronie WWW znajdują się pewne powtarzające się elementy. Może to być np. menu nawigacyjne, nagłówek czy stopka serwisu. W jaki sposób ustalać im wygląd? Do tej pory jako selektorów używaliśmy nazw znaczników. Jednak w języku HTML istnieje ściśle określona lista znaczników i nie możemy definiować sobie nowego za każdym razem, kiedy potrzebujemy wstawić na stronie kolejny powtarzający się element. Robi się to w inny sposób - korzystając z tzw. klas selektorów. Załóżmy, że mamy...