treść - Kurs HTML i CSS
HTML5 / Filmy i dźwięk <video, audio, source>...multimedialnego na swój dysk lokalny albo zbiór znaczników realizujący uniwersalny sposób odtwarzania plików w HTML 4. Należy zwrócić uwagę, że treść alternatywna nie zostanie wyświetlona, jeżeli przeglądarka obsługuje znacznik AUDIO/VIDEO, a jedynie nie rozpoznaje podanego formatu pliku audio/wideo. lokalizacja pliku w formacie 1, lokalizacja pliku w formacie 2... Lokalizacja tego samego filmu bądź muzyki, zapisanych przy użyciu różnych formatów. Zostanie odtworzony tylko jeden z...
Szablon strony na DIV-ach / Semantyczny szablon strony...informacje Druga wąska kolumna, którą można wykorzystać do prezentacji dodatkowych krótkich treści. Treść strony Właściwa zawartość dokumentu, tzn. treść artykułu itp. Nie zapomnij o umieszczeniu tytułu treści na początku tego bloku - koniecznie przy użyciu elementu <h1>...</h1>. Stopka serwisu Zwykle umieszcza się tutaj skróconą notkę o prawach autorskich (© ...) oraz linki: "Kontakt", "Polityka prywatności" itp. Do budowy szablonu wykorzystamy elementy <div>...</div>, ponieważ jest...
- Układ wielokolumnowy CSS / Linia rozdzielająca kolumn {column-rule-color, column-rule-style, column-rule-width, column-rule}
...samo oddzielenie kolumn odstępem nie jest wystarczające, aby czytelnik mógł wygodnie przeczytać cały tekst oraz już na pierwszy rzut oka widział, że treść w ogóle jest podzielona na kolumny. Wtedy możemy pomiędzy sąsiednimi kolumnami wstawić dodatkowo pionową linię rozdzielającą. Jest ona wyświetlana zawsze na środku przestrzeni między kolumnami. Sama linia rozdzielająca nie zabiera miejsca z szerokość elementu wielokolumnowego. Jeśli jej grubość będzie większa niż szerokość odstępu kolumn...
- Układ wielokolumnowy CSS / Szerokość kolumny {column-width}
...CSS nie pozwala ustalać różnej szerokości kolumn tego samego elementu. Przykład {column-width} column-width: 100px; To jest przykładowa treść, ułożona w wielu sąsiadujących kolumnach. Tekst jest automatycznie przenoszony z końca jednej kolumny na początek sąsiedniej, leżącej po jej prawej stronie... To jest przykładowa treść, ułożona w wielu sąsiadujących kolumnach. Tekst jest automatycznie przenoszony z końca jednej kolumny na początek sąsiedniej, leżącej po jej prawej...
- Układ wielokolumnowy CSS / Liczba kolumn {column-count}
...kolumn, a przeglądarka sama zajęła się automatycznym dopasowaniem ich szerokości. Przykład {column-count} column-count: 3; To jest przykładowa treść, ułożona w wielu sąsiadujących kolumnach. Tekst jest automatycznie przenoszony z końca jednej kolumny na początek sąsiedniej, leżącej po jej prawej stronie... To jest przykładowa treść, ułożona w wielu sąsiadujących kolumnach. Tekst jest automatycznie przenoszony z końca jednej kolumny na początek sąsiedniej, leżącej po jej prawej...
- Układ wielokolumnowy CSS / Odstęp kolumn {column-gap}
...CSS nie pozwala ustalać różnego odstępu kolumn tego samego elementu. Przykład {column-gap} columns: 3; column-gap: 1em; To jest przykładowa treść, ułożona w wielu sąsiadujących kolumnach. Tekst jest automatycznie przenoszony z końca jednej kolumny na początek sąsiedniej, leżącej po jej prawej stronie... To jest przykładowa treść, ułożona w wielu sąsiadujących kolumnach. Tekst jest automatycznie przenoszony z końca jednej kolumny na początek sąsiedniej, leżącej po jej prawej...
- Układ wielokolumnowy CSS / Przełamanie kolumny {break-before, break-inside, break-after}
...np. akapit - nigdy nie został przełamany do następnej kolumny: p { break-inside: avoid-column } Przykład {break-after} To jest przykładowa treść, ułożona w wielu sąsiadujących kolumnach. break-after: column; Tekst jest automatycznie przenoszony z końca jednej kolumny na początek sąsiedniej, leżącej po jej prawej stronie... To jest przykładowa treść, ułożona w wielu sąsiadujących kolumnach. Tekst jest automatycznie przenoszony z końca jednej kolumny na początek sąsiedniej, leżącej po...
- Układ wielokolumnowy CSS / Łączenie kolumn {column-span}
...umieszczone w środku. W obecnej wersji specyfikacja CSS nie pozwala określać liczby łączonych kolumn. Przykład {column-span} To jest przykładowa treść, ułożona w wielu sąsiadujących kolumnach. Tekst jest automatycznie przenoszony z końca jednej kolumny na początek sąsiedniej, leżącej po jej prawej stronie... To jest przykładowa treść, ułożona w wielu sąsiadujących kolumnach. Tekst jest automatycznie przenoszony z końca jednej kolumny na początek sąsiedniej, leżącej po jej prawej stronie...
- XHTML / Typy MIME dokumentów XHTML
...deklaracja strony kodowej nie wystarczy do określenia typu MIME! Konieczne jest przesłanie odpowiedniego nagłówka HTTP, poprzedzającego właściwą treść dokumentu. W języku HTML (ani XHTML) nie ma takiej możliwości. W przypadku dokumentów HTML lub XHTML 1.0 kompatybilnych wstecz, nie trzeba się jednak tym martwić. Wystarczy nadać plikowi odpowiednie rozszerzenie - zwykle *.html. Z dokumentami XHTML 1.1 może być jednak większy kłopot. Teoretycznie ten sam mechanizm moglibyśmy uzyskać, nadając...
- HTML dla zielonych / Jak zrobić dobrą stronę HTML
...dobrych stron w Internecie zbudowana jest następująco: na górze znajduje się banner lub logo serwisu, po lewej lub po prawej - menu, a obok - treść strony. Nie znaczy to, że musisz koniecznie podporządkować się takiemu kanonowi, lecz jeżeli chcesz uzyskać podobną strukturę, we właściwej treści strony (BODY) wpisz np.: <header style="text-align: center">Tutaj można umieścić logo serwisu</header> <nav style="width: 300px; float: left; overflow: hidden"> Tu umieszcza się odsyłacze spisu...