oznacza html - Kurs HTML i CSS
Tabele HTML / Łączenie komórek tabeli <td colspan rowspan>Poziome łączenie komórek <table> <tr> <td colspan="x">...</td> </tr> </table> gdzie "x" oznacza liczbę komórek do połączenia w poziomie. Pionowe łączenie komórek <table> <tr> <td rowspan="y">...</td> </tr> </table> gdzie "y" oznacza liczbę komórek do połączenia w pionie. Polecenie to pozwala na poziome lub pionowe łączenie komórek w tabeli, dzięki czemu jedna komórka (połączona) może się rozciągać na kilka komórek pojedynczych. Tabela z połączonymi komórkami zawiera mniej znaczników...
- Tekst HTML / Wykaz <ul, ol, li>
...Punkt trzeci Dla zainteresowanych Jeśli za mało Ci typów numeracji wykazów wbudowanych w język HTML albo oczekujesz bardziej złożonego sposobu oznaczania punktów i podpunktów, zobacz rozdziały CSS: Typ stylu wykazu, Automatyczne numeracja wykazu. Wykaz numerowany z podaniem początkowego numeru <ol start="n"> <li>Punkt pierwszy</li> <li>Punkt drugi</li> <li>Punkt trzeci</li> </ol> gdzie jako "n" należy podać liczbę, od której ma się rozpocząć numerowanie. Wartość atrybutu START zawsze...
- HTML5 / Asynchroniczne ładowanie skryptów <script src async>
...niezależnie od głównego wątku aplikacji, co pozwala na równoległe przetwarzanie i unikanie blokowania interfejsu użytkownika. W kontekście skryptów oznacza to, że skrypt jest ładowany równolegle z innymi zasobami, a jego wykonanie następuje, gdy zostanie całkowicie pobrany, co nie wpływa na wczytywanie reszty strony. Na przykład, <script src="script.js" async></script> załaduje skrypt asynchronicznie. Jak załadować skrypt asynchronicznie? Skrypt można załadować asynchronicznie, używając...
Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style...Na przykład często na końcu publikacji naukowych umieszcza się wykaz wszystkich źródeł, do których autor odnosił się w tekście. Źródła zazwyczaj oznacza się kolejnymi liczbami umieszczonymi w nawiasach kwadratowych. Dzięki funkcji ustalenia przedrostka i przyrostka możemy uzyskać taki sam efekt w języku CSS. Przykład @counter-style {prefix, suffix} @counter-style nazwa { system: numeric; symbols: "0" "1" "2" "3" "4" "5" "6" "7" "8" "9"; prefix: "["; suffix: "] "; } ol...
- Nagłówek i treść HTML / Skalowanie strony <meta "viewport">
...obszaru wyświetlania przeglądarki. Może być określona bezpośrednio w pikselach albo za pomocą specjalnego słowa kluczowego device-width, które oznacza pełną szerokość obszaru wyświetlania. height Określa początkową wysokość obszaru wyświetlania przeglądarki. Może być określona bezpośrednio w pikselach albo za pomocą specjalnego słowa kluczowego device-height, które oznacza pełną wysokość obszaru wyświetlania. initial-scale Wartość od 0.0 do 10.0 (należy posługiwać się kropką...
- Dziedziczenie stylów CSS / Resetowanie wszystkich wartości {all}
(CSS 3 - interpretuje Firefox 27, Opera 24, Chrome 37) selektor { all: wartość } Selektor oznacza wybrany element, któremu chcemy zresetować sposób formatowania. Natomiast jako wartość należy podać: initial - przywrócenie wartości domyślnych inherit - wymuszenie dziedziczenia wartości unset - odwołanie wartości revert - przywrócenie wartości pierwotnych Sposoby przywracania domyślnych wartości bądź domyślnego zachowania, opisane wcześniej w tym rozdziale, mogą się okazać bardzo pomocne...
Skórki...efektowna zmiana wyglądu, konieczne jest, aby serwis został zaprojektowany zgodnie z zasadą rozdzielenie struktury i prezentacji dokumentów. To oznacza m.in., że powinno się unikać znaczników i atrybutów formatujących takich jak <font color="...">...</font>, a także stylów inline, czyli atrybutu style="...". Dobrze jest zdefiniować odpowiedni zestaw klas CSS. Trzeba sobie uzmysłowić, że wszystko co będziemy mogli zmienić w nowej skórce, ogranicza się do zewnętrznego arkusza stylów, czyli...
- Wstawianie stylów CSS / Kaskadowość stylów
...tytuł koloru niebieskiego (blue) jednak nadal na żółtym (yellow) tle. Pytania i odpowiedzi Na czym polega kaskadowość w CSS? Kaskadowość w CSS oznacza, że wiele reguł stylów może dotyczyć tego samego elementu HTML. Styl określony bliżej elementu (np. wewnętrzny arkusz stylów lub styl osadzony) ma wyższy priorytet niż styl zdefiniowany dalej (np. zewnętrzny arkusz stylów). Konflikty w stylach rozstrzyga tzw. mechanizm dziedziczenia oraz specyficzność selektorów CSS. Który styl CSS ma...
- 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ę...
- HTML dla zielonych / Tekst pochylony HTML <i>
...internetowej jest napisany zwykłą czcionką. Aby pochylić fragment tekstu, wystarczy umieścić go wewnątrz znacznika <i>...</i>. W ten sposób często oznacza się np. termin techniczny, idiom z innego języka albo fragment wtrąconego tekstu.