Przejdź do treści

układ - Kurs HTML i CSS

  • JS
    Operacje na tablicach w JavaScript - Array.prototype / Sortowanie elementów tablicy - sort

    ...Array - posortowana tablica Układa elementy tablicy w określonym porządku. Domyślnie odbywa się to alfabetycznie, ale możemy określić swój własny układ, podając funkcję porównującą, która będzie wywoływana zawsze dla dwóch elementów tablicy - za każdym razem innych - tyle razy ile będzie konieczne, aby posortować całą tablicę. Funkcja Array.prototype.sort nie tworzy nowej instancji tablicy, ale zawsze zmienia oryginalną, która jest również przez nią zwracana. Przykład Array.prototype.sort...

  • CSS
    Czcionki CSS / Wariant wielkości liter czcionki {font-variant-caps}

    ...i nagłówkach zwykle w postaci mniej wytłuszczonych liter (nie każda czcionka obsługuje ten wariant) Polecenie pozwala zmieniać typografię (układ) tekstu poprzez przekształcenie wielkości liter tak, aby prezentowały się w sposób bardziej ciekawy. Czasami w ten sposób prezentuje się nagłówki, tytuły i inne fragmenty tekstu, które wymagają specjalnego wyróżnienia, a zwyczajne pochylenie czy pogrubienie z jakichś względów nie jest odpowiednie. Jeśli zależy Ci na obsłudze również...

  • CSS
    Rozmiary CSS / Przepełnienie tekstu {text-overflow}

    ...wyraz - to taki tekst i tak wyjdzie poza obręb elementu. Oczywiście nie będzie to wyglądało zbyt estetycznie, a czasem może nawet zupełnie popsuć układ całej strony. Ponieważ często nie wiadomo z góry, jak długi może być tekst na stronie - bo powstanie on dopiero później - dlatego aby zabezpieczyć się na taką okoliczność, zwykle ukrywa się nadmiarową zawartość przy pomocy stylu "overflow: hidden" albo "overflow: auto". Kłopot w tym, że wtedy użytkownik może się w ogóle nie zorientować, że...

  • HTML
    Nagłówek i treść HTML / Strona mobilna <link media>

    ...na podane urządzenia. W niektórych przypadkach autorzy udostępniają specjalną wersję strony na urządzenia mobilne. Zwykle ma ona węższy układ treści, mniej zdjęć i menu nawigacyjne lepiej przystosowane do ekranów dotykowych. Dzięki powyższemu znacznikowi możemy w prosty sposób wskazać taką wersję, na wypadek gdyby użytkownik przypadkowo trafił na stronę przeznaczoną dla tradycyjnych komputerów z dużym ekranem. Ze znacznika <link media> korzysta wyszukiwarka Google. Dzięki temu w...

  • Strona
    Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej

    ...(np. pogrubienie, kolor, czcionka), przynajmniej 1 obrazek, przynajmniej 2 linki (w tym jeden obrazkowy), elementy estetyczne (tło, <hr>, układ graficzny). Podsumowanie Cykl lekcji spełnia wymagania podstawy programowej: uczniowie tworzą prostą stronę HTML z tekstem i grafiką, dostosowują jej wygląd do tematu, korzystają z edytora online i uczą się przez działanie, pracują z gotowymi, bezpiecznymi materiałami dostępnymi bez rejestracji.

« 1 2 3 4

★★★★★ 5/5 (52)

Facebook