stronie - Kurs HTML i CSS
- Drukowanie CSS / Druk dwustronny @page :left :right
...jak książkę, dla wygodniejszego odwracania kartek marginesy wydruku powinny być asymetryczne. Gdy rozłożymy spięty wydruk, kartka leżąca po lewej stronie powinna mieć prawy margines szerszy, a kartka po prawej stronie - lewy margines szerszy. 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...
- Układ wielokolumnowy CSS / Multi-column layout
...gazetowym układzie strony, tekst z końca jednej kolumny tabeli nie przechodzi automatycznie na początek kolejnej, umieszczonej po jej prawej stronie. Po zmianie wielkości lub rodzaju czcionki, tekst w kolumnie tabeli ułoży się w zupełnie inny sposób - najprawdopodobniej wysokość przestrzeni zajmowanej przez tekst w kolumnach nie będzie identyczna. Na niewielkich ekranach - np. telefonów komórkowych - ustalona zbyt duża liczba kolumn w tabeli może sprawić, że będą one zdecydowanie zbyt...
- CSS dla zielonych / Tapeta CSS {background-color, background-image, color}
Tapety graficzne umieszczone w tle są chętnie używanym elementem w każdym systemie operacyjnym. Podobne rozwiązanie można zastosować również na stronie internetowej. Najprostszym rodzajem tapety jest powielany wzorek w postaci kafelków. Przypomina on płytki położone na podłodze czy na ścianach w łazience - zakładając, że wzór na każdej płytce jest identyczny. Niewątpliwą zaletą tego typu tapety jest fakt, że można nią pokryć dowolnie dużą powierzchnię. Jest to o tyle ważne, że nie wiemy z góry...
- Dziedziczenie stylów CSS / Resetowanie wszystkich wartości {all}
...cechy CSS. Problem ten rozwiązuje specjalna właściwość all, która pozwala za jednym zamachem zrobić to dla wszystkich cech CSS wybranego elementu na stronie. Wyjątkiem są jedynie własności: direction (kierunek tekstu) i unicode-bidi (algorytm dwukierunkowego tekstu), których wartości nie zostaną zmienione. Ale tak naprawdę zwykle w ogóle nie zaleca się ich używać w języku CSS, ponieważ mają one swoje odpowiedniki w języku HTML. Jednym z przykładowych zastosowań tej własności może być...
- Nowe okno / Jedno okno
...konieczności otwierania następnych. Można otworzyć nowe okno, a później wczytywać do niego dokumenty, za pomocą odsyłaczy umieszczonych na głównej stronie. Jeśli nie mamy zamiaru wczytywać do otwartego okna żadnych stron, można nie podawać nazwy. Nazwa powinna spełniać takie same wymagania jak w przypadku znacznika <iframe>...</iframe>! UWAGA! Pierwsze dwa warianty są obecnie blokowane przez prawie wszystkie przeglądarki, z uwagi na dużą uciążliwość dla internautów. Oznacza to, że mogą w...
- Wykaz generatorów
...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, łatwo i przyjemnie. Konwerter HTML/Tekst Narzędzie pomocne w przypadku, kiedy chcemy wyświetlić na stronie WWW kod źródłowy HTML (w normalnych warunkach nie można tego zrobić, ponieważ kod znaczników nie pojawia się na ekranie). Dodatkowo zawiera opcje inteligentnego trybu preformatowanego, dzięki któremu nie trzeba wstawiać...
- AutoIFRAME / Automatyczne dopasowanie wysokości ramki HTML
...Struktura tabeli). Jest to wygodne o tyle, że pozwala szybko zbudować stronę elastyczną w aktualizacji, bez wykorzystania języków skryptowych po stronie serwera (np. PHP). Niestety takie rozwiązanie ma przynajmniej jedną poważną wadę: trudno jest dopasować wysokość ramki IFRAME tak, aby była odpowiednia dla każdej rozdzielczości ekranu. Jeśli ustalimy za duży rozmiar, użytkownicy w niskiej rozdzielczości będą mieli problem z przewijaniem zawartości ramki. Natomiast jeśli ustalimy za mały...
- Galeria zdjęć HTML / Klasyczna galeria zdjęć
...galerię zdjęć, stosowaną do przedstawienia kolekcji zdjęć, zwykle o dużych rozmiarach. Najczęściej jest ona tworzona w ten sposób, że na głównej stronie umieszcza się pomniejszone kopie obrazków oraz odsyłacze, po kliknięciu których następuje wczytanie obrazka w pełnych rozmiarach. Pozwala to uchronić się od wczytywania wszystkich dużych obrazków jednocześnie (użytkownik powiększa tylko te, które mu odpowiadają), a także zachowuje estetykę strony. Uwaga! Miniaturki grafik muszą być...
- HTML dla zielonych / Zaczynamy kurs HTML!
...podobne, bo to nieprawda. Zacznij już lepiej czytać. Mam tylko jedną prośbę: postaraj się przeczytać w miarę uważnie i po kolei całą treść na tej stronie. Jeśli pominiesz jakiś punkt lub przeczytasz go zbyt pobieżnie, może to spowodować, że nie zrozumiesz następnych. Źródła Opis tutaj zawarty, został opracowany na podstawie następujących specyfikacji: HTML 4.01 Specification XHTML 1.0 The Extensible HyperText Markup Language XHTML 1.1 - Module-based XHTML HTML Standard Differences...
- HTML dla zielonych / Znaczniki HTML
...się znak ukośnika "/". Do czego stosujemy znaczniki? Znaczniki HTML stosujemy do formatowania tekstu oraz wstawiania dodatkowych elementów na stronie internetowej. Jak wstawić znaki specjalne w HTML? Ponieważ znaki: "<" (znak mniejszości) oraz ">" (znak większości) są zarezerwowane dla znaczników, nie powinny się one pojawić w normalnej treści strony. Jeżeli musimy ich użyć, należy wpisywać zamiast nich odpowiednio: < oraz >.