Przejdź do treści

układ - Kurs HTML i CSS

  • HTML
    HTML dla zielonych / Jak zrobić dobrą stronę HTML

    ...odsyłacze spisu treści Tu wpisuje się treść strony Tutaj można umieścić stopkę serwisu Nawigacja w serwisie to bardzo ważna sprawa. Nieczytelny układ strony, menu w którym trudno cokolwiek znaleźć i inne podobne historie są częstą przyczyną zniechęcenia użytkowników, którzy w konsekwencji opuszczają witrynę. Przy projektowaniu systemu odsyłaczy spróbuj wczuć się w sposób myślenia internautów. Pamiętaj, że nie znają oni serwisu tak dobrze jak Ty i mogą nie chcieć zagłębiać się w szczegóły...

  • Skrypty
    Skórki

    ...można totalnie odmienić wygląd serwisu tylko za pomocą podmiany arkusza CSS, np. przenosząc kolumnę menu z lewej na prawą stronę czy zmieniając układ menu z pionowego na poziomy (np. w formie zakładek), bez jakiejkolwiek ingerencji w kod źródłowy dokumentów HTML. Zobacz: Menu w CSS oraz Szablon strony na DIV-ach. Aby wprowadzić do swojego serwisu system skórek, najpierw utwórz kolekcję arkuszy stylów - plików *.css - które będą stanowiły kolejne szablony do podmiany. Następnie utwórz w...

  • 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...

  • HTML
    Tabele HTML / Tytuł tabeli <caption>

    ...skorzystać ze specjalnego generatora zamieszczonego tutaj. Dzięki niemu w kilka minut skonfigurujesz dowolny, nawet najbardziej skomplikowany układ wierszy i kolumn, a także zdefiniujesz estetyczny wygląd poprawiający prezentację treści. ✅ Rozpocznij konfigurację tabeli Przykład <caption> To jest tytuł tabeli komórka1 komórka2 komórka3 komórka4 Pytania i odpowiedzi <caption> Co to jest CAPTION w HTML? Jest to znacznik odpowiadający za tytuł (podpis) tabeli. Jak...

  • CSS
    Wstawianie stylów CSS / Wydzielone bloki <div style>

    ...który tworzy kontenerowy blok bez żadnych domyślnych stylów lub efektów wizualnych. Poprzez nadawanie stylów CSS możemy nadal nadzorować wygląd i układ tych bloków oraz grupować w nich powiązane elementy. Co daje DIV HTML? Znacznik <div> w HTML jest elementem blokowym, który pozwala tworzyć kontenerowe bloki na stronie. Dzięki niemu można grupować inne elementy, tworzyć układy strony, stosować style CSS oraz manipulować zawartością za pomocą skryptów JavaScript, co umożliwia bardziej...

  • HTML
    Tekst HTML / Wykaz <ul, ol, li>

    ...skorzystać ze specjalnego generatora zamieszczonego tutaj. Dzięki niemu w kilka minut skonfigurujesz dowolny, nawet najbardziej skomplikowany układ numeracji albo punktów i podpunktów. ✅ Rozpocznij konfigurację wykazu Wypunktowanie - lista nieuporządkowana <ul, li> <ul> <li>Punkt pierwszy</li> <li>Punkt drugi</li> <li>Punkt trzeci</li> </ul> wyświetlanie: w bloku Zwracam uwagę, że w obrębie wykazu tekst i inne elementy można wstawiać tylko wewnątrz znaczników punktów wykazu, a nie...

  • HTML
    Tekst HTML / Zagnieżdżanie wykazów

    ...skorzystać ze specjalnego generatora zamieszczonego tutaj. Dzięki niemu w kilka minut skonfigurujesz dowolny, nawet najbardziej skomplikowany układ numeracji albo punktów i podpunktów. ✅ Rozpocznij konfigurację wykazu Przykład <ul, ol, li> Wypunktowanie: Punkt pierwszy Punkt 1.1 Punkt 1.1.1 Punkt 1.1.2 Punkt 1.2 Punkt drugi Numerowanie: Punkt pierwszy Punkt 1.1 Punkt 1.1.1 Punkt 1.1.2 Punkt 1.2 Punkt drugi Wykaz mieszany: Punkt pierwszy Punkt I.1 Punkt...

  • 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ż...

  • HTML
    Tabele HTML / Struktura tabeli HTML <table, tr, td>

    ...skorzystać ze specjalnego generatora zamieszczonego tutaj. Dzięki niemu w kilka minut skonfigurujesz dowolny, nawet najbardziej skomplikowany układ wierszy i kolumn, a także zdefiniujesz estetyczny wygląd poprawiający prezentację treści. ✅ Rozpocznij konfigurację tabeli Przykład <table, tr, td> Po wpisaniu: <table> <tr> <td>komórka1</td> <td>komórka2</td> </tr> <tr> <td>komórka3</td> <td>komórka4</td> </tr> </table> Otrzymamy: komórka1 komórka2 komórka3 komórka4 Jak...

  • HTML
    Tabele HTML / Komórki nagłówkowe tabeli <th>

    ...skorzystać ze specjalnego generatora zamieszczonego tutaj. Dzięki niemu w kilka minut skonfigurujesz dowolny, nawet najbardziej skomplikowany układ wierszy i kolumn, a także zdefiniujesz estetyczny wygląd poprawiający prezentację treści. ✅ Rozpocznij konfigurację tabeli Przykład <th> A B komórka1 komórka2 komórka3 komórka4 1 komórka1 komórka2 2 komórka3 komórka4 A B 1 komórka1 komórka2 2 komórka3 komórka4 Dymek narzędziowy Dla bardzo...

« 1 2 3 4 »

★★★★★ 5/5 (289)

Facebook