oznacza - Kurs HTML i CSS
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...
- Ikony (symbole) / Ikony do pobrania
Spis treści Symbole Generator ikon Licencja Symbole Ikony (symbole) są nieodłącznym elementem nowoczesnych stron internetowych i aplikacji. Nadają projektom przejrzystość, ułatwiają nawigację oraz poprawiają estetykę wizualną. Wybór odpowiednich ikon może znacząco wpłynąć na odbiór strony przez użytkowników. Dlatego warto mieć pod ręką zestaw wysokiej jakości grafik. W dalszej części tego rozdziału znajdziesz listę darmowych ikon, które możesz pobrać i wykorzystać w swoich projektach...
- HTML5 / Asynchroniczne ładowanie skryptów <script src async>
...niezależnie od głównego wątku aplikacji, co pozwala na równoległe przetwarzanie i unikanie blokowania interfejsu użytkownika. W kontekście skryptów oznacza to, że skrypt jest ładowany równolegle z innymi zasobami, a jego wykonanie następuje, gdy zostanie całkowicie pobrany, co nie wpływa na wczytywanie reszty strony. Na przykład, <script src="script.js" async></script> załaduje skrypt asynchronicznie. Jak załadować skrypt asynchronicznie? Skrypt można załadować asynchronicznie, używając...
- HTML5 / Przeciągnij i upuść <... draggable>
...on zostać upuszczony ondrop, ondragend - zwolnienie przycisku myszki podczas operacji przeciągania Pytania i odpowiedzi <div draggable> Co oznacza przeciąganie w HTML? Przeciąganie w HTML odnosi się do funkcji przeciągania i upuszczania, która pozwala użytkownikom przenosić elementy z jednego miejsca do innego na stronie internetowej. Dzięki zastosowaniu API Drag and Drop, można oznaczyć elementy jako przeciągane za pomocą atrybutu draggable="true", a następnie obsługiwać zdarzenia...
Selektory elementów CSS / Selektor uniwersalny...(w połączeniu z selektorami: atrybutów, specjalnymi, pseudoelementów lub pseudoklas), to gwiazdkę można pominąć. Pytania i odpowiedzi Co oznacza * w CSS? W CSS * jest znakiem wieloznacznym, który odnosi się do wszystkich elementów HTML na stronie. Przykład: * { margin: 0; } zeruje marginesy dla wszystkich elementów. Co to jest selektor uniwersalny? Selektor uniwersalny w CSS odnosi się do wszystkich elementów na stronie. Jest to najogólniejszy selektor, który ma...
- Selektory elementów CSS / Grupowanie selektorów
selektor1, selektor2, selektor3... { cecha: wartość } gdzie wyrazy "cecha" oraz "wartość" określają atrybuty elementu i zostaną opisane w dalszych rozdziałach [zobacz także: Wstawianie stylów]. Taka deklaracja stylu pozwala nadać te same wartości atrybutów kilku różnym selektorom jednocześnie (bez względu na ich położenie w hierarchii drzewa dokumentu). Oznacza to, że zamiast wpisywać kilka razy te same deklaracje, wystarczy wymienić dowolną liczbę selektorów po przecinku i jednorazowo...
- Selektory elementów CSS / Reguły stylów
...składa się z dwóch głównych części: selektora i deklaracji. Selektor wskazuje na element lub elementy, do których reguła ma być zastosowana, np. p oznacza akapit. Deklaracje określają konkretne właściwości i wartości stylów, które mają zostać zastosowane do wybranych elementów, np. color: blue; zmienia kolor tekstu na niebieski.
- HTML5 / Piaskownica zabezpieczająca <iframe sandbox>
...sandbox z elementu <iframe>. Gdy atrybut nie jest obecny, zawartość IFRAME nie jest objęta żadnymi ograniczeniami wynikającymi z piaskownicy, co oznacza, że może wykonywać skrypty, otwierać nowe okna, i uzyskiwać dostęp do zasobów tak, jakby była integralną częścią strony. Skąd wzięła się nazwa "piaskownica"? Nazwa piaskownica (ang. sandbox) pochodzi z koncepcji tworzenia bezpiecznego i izolowanego środowiska, w którym można bezpiecznie eksperymentować i testować różne elementy bez...
- Podcast HTML / #5 Tabele HTML
...i kolumn. Jest używana do prezentacji danych o powtarzającym się charakterze w uporządkowany i czytelny sposób. Znacznik <table>...</table>: oznacza początek i koniec całej tabeli. Znacznik <tr>...</tr>: służy do wstawiania nowego wiersza. W każdym wierszu danej tabeli powinna znajdować się taka sama liczba komórek. Znacznik <td>...</td>: tworzy pojedynczą komórkę (rubrykę) w tabeli, czyli prostokątną przestrzeń na przecięciu wiersza i kolumny, w której można umieścić tekst lub inne...
- Selektory atrybutów CSS / Prosty selektor atrybutu
...wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne [zobacz: Wstawianie stylów]. Atrybut oznacza konkretny parametr nadany znacznikowi z poziomu języka HTML (np. atrybut title="..."). Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Polecenie to może zostać wykorzystane dla elementów, którym z poziomu HTML został nadany określony atrybut (przy czym jego...