spis treści - Kurs HTML i CSS
- Komendy CSS3 / Paski przewijania CSS
Źródło: CSS Scrollbars Styling Module Level 1 Spis treści scrollbar-color scrollbar-width scrollbar-color Kolor paska przewijania Wartość auto | <color>{2} Inicjalizacja auto Zastosowanie kontenery przewijania Dziedziczenie tak Procenty nie scrollbar-width Szerokość paska przewijania Wartość auto | thin | none Inicjalizacja auto Zastosowanie kontenery przewijania Dziedziczenie nie Procenty nie
- Czcionki CSS / Czcionki osadzone @font-face
Spis treści @font-face Czcionki osadzone @font-face Google Fonts Wersja czcionki Alfabet Lista czcionek Czcionki osadzone @font-face Najbardziej zaawansowaną możliwością ustalania kroju czcionki są tzw. czcionki osadzone. Jak czytelnik zapewne zauważył w rozdziale pt. Rodzaj czcionki, ustalenie kroju czcionki wcale nie jest takie proste. O czcionce przy użyciu której zostanie wyświetlona nasza strona WWW, decyduje zestaw "fontów" zainstalowanych przez użytkownika (w jego systemie...
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
Spis treści @counter-style Niestandardowy typ stylu wykazu @counter-style System cykliczny @counter-style {system: cyclic} System ustalony @counter-style {system: fixed} System symboliczny @counter-style {system: symbolic} System alfabetyczny @counter-style {system: alphabetic} System numeryczny @counter-style {system: numeric} System addytywny @counter-style {system: additive} Ujemne numery wykazu @counter-style {negative} Przedrostek i przyrostek wykazu @counter-style {prefix...
- Odsyłacze HTML / Inne <a "news, nntp, newsrc, telnet, ssh, javascript, wais, gopher">
Spis treści <a "news, nntp, newsrc, telnet, ssh, javascript, wais, gopher"> Odsyłacz do grup dyskusyjnych <a "news"> Odsyłacz NNTP <a "nntp"> Odsyłacz newsrc <a "newsrc"> Odsyłacz telnet <a "telnet"> Odsyłacz SSH <a "ssh"> Odsyłacz do skryptu <a "javascript"> Odsyłacz WAIS <a "wais"> Odsyłacz Gopher <a "gopher"> Odsyłacz do grup dyskusyjnych <a "news"> Serwer domyślny: <a href="news:nazwa grupy">opis</a> Wskazany serwer: <a href="news://serwer/">opis</a> Wskazana grupa na...
- Tabele HTML / Łączenie wierszy tabeli w grupy <thead, tbody, tfoot>
Spis treści <thead, tbody, tfoot> Łączenie wierszy tabeli w grupy <tbody> Nagłówek i stopka <thead, tfoot> Łączenie wierszy tabeli w grupy <tbody> <table> <tbody> <tr>...</tr> </tbody> </table> Łączenie wierszy w grupy umożliwia później odnoszenie się do takiej grupy jako do całości. Dzięki temu możemy nadać od razu całej grupie np. określone formatowanie za pomocą CSS. W grupę można połączyć dowolną liczbę wierszy. W jednej tabeli może istnieć kilka grup. Jeżeli umieścimy w...
- Tabele HTML / Łączenie kolumn tabeli w grupy <colgroup, col>
Spis treści <colgroup, col> Grupa kolumn <colgroup> Kolumna <colgroup, col> Grupa kolumn <colgroup> <table> <colgroup span="x"></colgroup> <tr>...</tr> </table> gdzie "x" oznacza ilość kolumn do połączenia w grupę. Jeśli całkowicie pominiemy atrybut span="...", przyjmie on domyślną wartość "1". Łączenie kolumn w grupy umożliwia później odnoszenie się do takiej grupy jako do całości. Dzięki temu możemy nadać od razu całej grupie np. określone formatowanie za pomocą CSS. W grupę...
- Multimedia HTML / Osadzenie pliku <embed>
Spis treści <embed> Osadzenie pliku <embed> Odsyłacz do pliku PDF <a pdf> Osadzenie pliku <embed> W przypadku materiałów dźwiękowych (muzyka) i wideo (filmy) korzystniej jest użyć odpowiednio elementów: AUDIO, VIDEO. <embed src="ścieżka dostępu do pliku" width="x" height="y"> gdzie jako "ścieżka dostępu do pliku" należy podać lokalizację na dysku, gdzie znajduje się żądany plik multimedialny. Natomiast "x" oznacza szerokość w pikselach, a "y" wysokość wyświetlanego obrazu wtyczki (ang...
- Multimedia HTML / Obrazek HTML <img>
Spis treści <img> Obrazek <img> Obrazek o określonych rozmiarach <img width height> Formaty graficzne Animowany banner Obrazek <img> <img src="ścieżka dostępu" alt="Tekst alternatywny"> gdzie jako "ścieżka dostępu" należy podać lokalizację na dysku, gdzie znajduje się żądany obrazek. Natomiast w miejsce "Tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony (np. jeśli użytkownik wyłączy wyświetlanie grafiki w swojej...
- Multimedia HTML / Uniwersalny sposób odtwarzania plików <a "jpg, avi, wav, txt, doc, rtf, xls, pdf", object>
Spis treści <a "jpg, avi, wav, txt, doc, rtf, xls, pdf", object> Wstęp Odsyłacz do pliku <a "jpg, avi, wav, txt, doc, rtf, xls, pdf"> Zagnieżdżanie plików multimedialnych <object> Wstęp Polecenia multimedialne sprawiają wiele kłopotów. Na przykład <embed> ma tę zaletę, że skojarzony z nim plik będzie odtwarzany bezpośrednio na stronie. Niestety jest to również jego wadą. Pliki multimedialne mają zwykle duże rozmiary, dlatego wczytywanie takiej strony może trwać potwornie długo. Poza tym...
- Kolory HTML / Wykaz kolorów HTML
Spis treści Kolory podstawowe Odcienie szarości Paleta odcieni kolorów Dla zainteresowanych Bardziej zaawansowane sposoby definiowania kolorów - w tym nadawanie im efektu półprzezroczystości - znajdziesz w rozdziałach: Kolory CSS, Wykaz kolorów systemowych, Wykaz kolorów rozszerzonych. Potrzebujesz pomocy? Przy komponowaniu koloru tła oraz tekstu możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij komponowanie kolorów Kolory podstawowe Oprócz kolorów...