document - Kurs HTML i CSS
Definicje / Dokument źródłowy(source document) Dokument do którego odnosi się jeden lub więcej arkuszy stylów. Jest on zapisany w określonym języku, który reprezentuje dokument jako drzewo elementów. Każdy element składa się z nazwy identyfikującej typ elementu oraz opcjonalnie atrybutów i zawartości (która może być pusta).
- Definicje / Język dokumentu
(document language) Język w którym jest zapisane źródło dokumentu (np.: HTML lub XML).
XHTML / Wymagania stawiane dokumentom XHTMLDokumenty XHTML muszą spełniać ograniczenia podane w DTD (Document Type Definition - Definicja Typu Dokumentu). Elementem podstawowym (root) w dokumencie musi być html. Element podstawowy (html) musi zawierać deklarację xmlns identyfikującą przestrzeń nazw XHTML, która stanowi zbiór nazw używanych w dokumencie jako typy elementów i nazwy atrybutów: <html xmlns="http://www.w3.org/1999/xhtml" lang="pl"> W dokumencie obowiązkowo musi być wstawiona deklaracja typu dokumentu przed elementem...
- Komendy HTML 4.01 / Deklaracja typu dokumentu
Deklaracja typu dokumentu (DTD - document type declaration) określa poziom użytego na stronie języka HTML: Strict DTD - (ścisła) zawiera wszystkie elementy i atrybuty, które nie są zdeprecjonowane (nie deprecated) oraz nie pojawiają się w dokumentach z ramkami (ponadto nie obejmuje elementu IFRAME ani atrybutu target="...") <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> lub <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Transitional DTD...
- HTML5 / Data i czas <time>
...form.elements.select.addEventListener('click', function() { var element = form.elements.output; element.select(); element.focus(); }); })(document.getElementById('timeGenerator'));
- HTML5 / Wstępne ładowanie <link "preload" as>
...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 Stylesheet Language Transformations) typ Odpowiedni typ MIME lokalizacja Ścieżka dostępu albo adres URL...
- Definicje / Drzewo dokumentu
(document tree) Drzewo elementów umieszczonych w dokumencie źródłowym. Każdy element w takim drzewie ma dokładnie jednego rodzica, oprócz elementu podstawowego, czyli korzenia drzewa (root). Przykład Po wpisaniu: <html> <head> <title>...</title> </head> <body> <h1>...</h1> <p>...</p> <table> <tr> <td>...</td> <td>...</td> </tr> <tr> <td>...</td> <td>...</td> </tr> </table> </body> </html> Otrzymamy następujące drzewo dokumentu: gdzie...
- Selektory pseudoklas CSS / Pusty element :empty
...<p>To jest akapit</p> otrzymamy cztery akapity, z których tylko pierwszy element (pusty) powinien mieć ustawione tło koloru czerwonego: document.write(' ' + ' ' + ' '); To jest akapit Zwróć uwagę, że drugi akapit (zawierający tylko spację) ani trzeci akapit (zawierający tylko pusty element-dziecko), nie otrzymały zmienionego formatowania. Przykład z użyciem elementu, który nie posiada znacznika zamykającego: img:empty { border: 1px solid red }
- Kolory CSS / Wykaz kolorów systemowych
...Obramowanie aktywnego okna ActiveCaption Active window caption Nagłówek aktywnego okna AppWorkspace Background color of multiple document interface Kolor tła wielodokumentowego interfejsu (MDI) Background Desktop background Tło pulpitu ButtonFace Face color for three-dimensional display elements Powierzchnia czołowa trójwymiarowych elementów ButtonHighlight Dark shadow for three-dimensional display elements (for edges facing away from the light...
Nowe okno / Generator okien...Wysokość: Odległość od lewej krawędzi ekranu: Odległość od górnej krawędzi ekranu: Wygenerowany kod: generuj(document.getElementById('generator__okna')); UWAGA! Jeśli chcesz otworzyć zwykłe okno po kliknięciu odsyłacza (trzeci wariant), czyli bez określania parametrów wyglądu, lepiej to zrobić w następujący sposób: <a target="_blank" href="adres">opis</a>