język strony - Kurs HTML i CSS
Drukowanie CSS / Druk dwustronny @page :left :right...Taki efekt można uzyskać stosując pseudoklasy :left i :right, które pozwalają ustawić różne marginesy wydruku dla stron lewych i prawych. W językach o kierunku tekstu od lewej do prawej (np. język polski lub angielski) pierwszą stroną dokumentu (okładką) jest strona prawa. Natomiast jeśli dokument zawiera w większości tekst w języku pisanym od prawej do lewej (np. język arabski lub hebrajski), pierwszą stroną będzie strona lewa. Przykład @page :left :right Druk dwustronny...
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 / Załącznik <figure, figcaption>
...możemy co najwyżej przenieść na inną podstronę, bo inaczej dokument utraciłby spójność. Przykład <figure> <p>Język HTML5 upraszcza deklarowanie strony kodowej dokumentu. Na <a href="#listing1">przykładzie 1</a> możemy się przekonać, jak to zrobić.</p> <figure id="listing1"> <pre><code> <meta charset="UTF-8"> </code></pre> </figure> <p>Krótszą formę ma również deklaracja typu dokumentu.</p> Warto zwrócić uwagę, że gdyby tekst akapitu był sformułowany w inny sposób, użycie...
- CSS dla zielonych / Zaczynamy kurs CSS!
Zapewne znasz już podstawy języka HTML - jeśli nie, zapraszam najpierw do lektury rozdziału: HTML dla zielonych. Skoro nadal czytasz, zapewne oznacza to, że potrafisz stworzyć przynajmniej prostą stronę internetową zawierającą tekst, obrazki i odsyłacze. Chociaż treść jest najważniejszym elementem każdej strony WWW, to przecież wygląd też się liczy. I właśnie do tego służy język CSS (Kaskadowe Arkusze Stylów). Zapamiętaj prostą zasadę: treść wraz ze znacznikami wprowadza się na stronę...
Wykaz generatorów...listą punktów i podpunktów. Generator tabel HTML Tworzenie tabel, zwłaszcza zawierających połączone komórki, to jeden z najtrudniejszych elementów języka HTML. Nie musisz się dłużej męczyć. Dzięki specjalnemu generatorowi w prosty sposób stworzysz dowolną tabelę - nawet o najbardziej skomplikowanym układzie. Generator pól formularza Totalna zmiana wyglądu pól formularza, a wszystko całkowicie automatycznie. Generator daty i czasu HTML5 Oznaczaj daty i godziny na swojej stronie szybko...
- HTML5 / Nowe atrybuty HTML5
...(dla wspieranych metod wprowadzania) autofocus Wszystkie elementy Automatycznie ustawia zogniskowanie (fokus) na elemencie po załadowaniu strony blocking LINK (rel="stylesheet" lub rel="expect"), SCRIPT, STYLE Czy element może potencjalnie blokować wyświetlanie charset META Deklaracja strony kodowej contenteditable Wszystkie elementy Czy element jest edytowalny crossorigin AUDIO, IMG, LINK, SCRIPT, VIDEO Sposób, w jaki element obsługuje żądania z mechanizmem CORS...
- Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego
...Akapit Tekst pogrubiony Tekst pochylony Tekst podkreślony Wielkość czcionki Kolor czcionki Rodzaj czcionki Nagłówek i treść Tytuł strony Deklaracja strony kodowej Opis zawartości strony Wyrazy kluczowe Język strony Tekst Akapit Tytuł Blok Koniec linii Pogrubienie CSS Czcionki Tekst Tło Marginesy Obramowanie Wykazy Rozmiary należy użyć kodu HTML: <dl id="menu0"> <dt>Kurs</dt> <dd> <dl> <dt><a href="...">HTML</a></dt> <dd> <dl>...
- Tekst HTML / Kod poprawny semantycznie
...skoro ten sam efekt można uzyskać dobierając odpowiedni rozmiar czcionki? Otóż na pewno nie jest to pomyłka. Z punktu widzenia użytkownika w języku HTML wyróżniamy dwa podstawowe typy elementów określających atrybuty tekstu: Znaczniki formatujące - mają za zadanie tylko i wyłącznie zmienić wygląd tekstu, który obejmują, bez żadnego odniesienia do znaczenia tego tekstu. Są to np.: B (pogrubienie), I (pochylenie), U (podkreślenie), S (przekreślenie), SMALL (czcionka pomniejszona)...
- Drukowanie CSS / Po co drukować strony internetowe?
...przygotowanie materiałów do druku pozostaje kluczowe. Dlaczego warto korzystać z CSS do stylowania wydruku? Profesjonalny wygląd dokumentów - strony internetowe projektowane z myślą o ekranach często nie wyglądają dobrze po wydrukowaniu. CSS umożliwia dostosowanie treści do papieru - np. ukrycie niepotrzebnych elementów, takich jak nawigacja czy reklamy, oraz optymalizację układu pod kątem czytelności. Uniwersalność - stylowanie wydruku z wykorzystaniem CSS pozwala stworzyć jedną...
- Komendy HTML 4.01 / COL
...do prawej strony CHAR="znak" Określa pojedynczy znak, pełniący rolę osi, do której następuje wyrównywanie (domyślnie kropka dziesiętna dla danego języka, np.: "." - angielski, "," - francuski) CHAROFF="długość" Określa przesuniecie względem pierwszego wystąpienia znaku wyrównującego (CHAR) w każdej linii CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od...