wygląd strony - Kurs HTML i CSS
Dobre praktyki / CSS Zorientowane Obiektowo...jest kandydatem na zapisanie jego znaczników w osobnym pliku szablonu. Atrybuty Często obiekty nie są na tyle proste, aby można było określić ich wygląd przy pomocy pojedynczej reguły stylów (jednego selektora). Menu nawigacyjne będzie zawierać elementy podrzędne - listę odnośników - którym również musimy przypisać określony styl. Atrybuty stanowią zbiór wszystkich elementów (znaczników) potomnych obiektu, którym jest przypisany styl. <div class="Menu"> <ul> <li><a...
Nagłówek i treść HTML / Strona mobilna <link media>...Ten link informuje przeglądarkę o istnieniu alternatywnej wersji strony przeznaczonej dla urządzeń o mniejszych ekranach. Jak sprawdzić wygląd strony na urządzeniach mobilnych? Aby sprawdzić wygląd strony na urządzeniach mobilnych, można skorzystać z narzędzi deweloperskich przeglądarki, takich jak tryb responsywności. Wchodząc w inspekcję elementu (Ctrl+Shift+I), można przełączyć się w tryb responsywności (ikona ze smartfonem) i dostosować widok do różnych rozmiarów ekranów...
- CSS dla zielonych / Arkusz stylów CSS
...albo, jeśli wolisz, dedykowanego edytora CSS. W pliku tym wpisuje się listę tzw. reguł stylów, za pomocą których możliwe jest określanie wyglądu elementów na stronie. Każda reguła stylów składa się zawsze z dwóch następujących bezpośrednio po sobie części: Selektora - czyli elementu (znacznika) na stronie, któremu chcemy zmienić wygląd Deklaracji ujętej w nawiasy klamrowe, w której określa się, w jaki sposób chcemy zmienić wygląd selektor1 { Tu wpisuje się deklaracje stylów...
- CSS dla zielonych / Wstawienie arkusza stylów CSS <link "stylesheet">
...Dzięki znacznikowi <link> do dokumentu zostanie automatycznie dołączony arkusz stylów. W nim właśnie wpisuje się wszystkie polecenia zmieniające wygląd strony. Ważne jest tylko, aby ten plik posiadał rozszerzenie *.css. W powyższym przykładzie jest to plik pod nazwą "style.css", który znajduje się w tym samym katalogu co dokument *.html. Można go oczywiście zapisać w innej lokalizacji - wtedy zamiast "style.css" trzeba podać pełną ścieżkę dostępu (tworzy się ją w analogiczny sposób, jak...
- Znaki specjalne HTML / Symbole
...kropka (w IE6 tylko czcionka Unicode) ⋅ ⌈ ⌈ Left ceiling (apl upstile) Liczba całkowita, która jest większa lub równa z lewej strony (w IE6 i Operze 7.5 tylko czcionka Unicode) ⌈ ⌉ ⌉ Right ceiling Liczba całkowita, która jest większa lub równa z prawej strony (w IE6 i Operze 7.5 tylko czcionka Unicode) ⌉ ⌊ ⌊ Left floor (apl downstile) Liczba całkowita, która jest mniejsza lub równa z lewej strony (w IE6 i Operze 7.5 tylko czcionka...
- Tekst HTML / Kod poprawny semantycznie
...HTML wyróżniamy dwa podstawowe typy elementów określających atrybuty tekstu: Znaczniki formatujące - mają za zadanie tylko i wyłącznie zmienić wygląd tekstu, który obejmują, bez żadnego odniesienia do znaczenia tego tekstu. Są to np.: B (pogrubienie), I (pochylenie), U (podkreślenie), S (przekreślenie), SMALL (czcionka pomniejszona). Użycie tych znaczników gwarantuje, że w każdej sytuacji tekst otrzyma określone formatowanie (wygląd), ale nic nie mówi o charakterze tego tekstu * . Innymi...
- Wstawianie stylów CSS / Alternatywny arkusz stylów <link "alternate stylesheet">
...zaznaczenie spowoduje dołączenie wszystkich takich arkuszy jednocześnie. Alternatywny arkusz stylów pozwala udostępnić użytkownikowi kilka wersji wyglądu strony do wyboru. Projektuje się wtedy kilka zewnętrznych arkuszy CSS, a następnie osadza w specjalny sposób, dzięki czemu w przeglądarce użytkownika pojawi się możliwość wyboru jednego spośród przygotowanych wyglądów. Jest to namacalny dowód potęgi języka CSS. Nie trzeba tworzyć, a potem aktualizować kilku wersji witryny, aby zapewnić...
- HTML5 / Sekcja <section>
...do: <a href="#moja-sekcja">Moja sekcja</a> Sekcja nie powinna być używana jako ogólny pojemnik na elementy. Jeżeli istnieje potrzeba, aby zmienić wygląd kilku następujących po sobie elementów, należy do tego użyć znacznika DIV, który w odróżnieniu od SECTION, nie niesie ze sobą żadnego znaczenia semantycznego. Ponadto znacznik SECTION został przeznaczony do tworzenia ogólnych sekcji dokumentu. Lepiej jest używać znaczników, które jak najbardziej szczegółowo opisują znaczenie treści. Dlatego...
- Nagłówek i treść HTML / Struktura dokumentu HTML
...m.in. sposób kodowania znaków, opis zawartości strony, jej autora czy język, w którym została napisana. Metainformacje nie wpływają bezpośrednio na wygląd dokumentu, lecz cechy które podają, są równie ważne. Chociaż nie są one wymagane, warto je stosować, ponieważ może to np. pomóc w odszukaniu strony przez wyszukiwarki sieciowe. Każdy dokument powinien zawierać obowiązkowo przynajmniej deklarację strony kodowej, bez której polskie litery na stronie mogą zostać błędnie wyświetlone! W...
- Języki / Strony kodowe
...operacyjny, prawie na pewno spowoduje to pojawienie się u niego na ekranie zupełnie nieprzewidzianych znaków! Czy chcesz, aby Twoja strona WWW wyglądała nieprofesjonalnie? Strony kodowe Strona kodowa Nazwa Języki iso-8859-1 windows-1252 zachodnioeuropejski afrykanerski (af), albański (sq), baskijski (eu), kataloński (ca), duński (da), niderlandzki (nl), angielski (en), fareski (fo), fiński (fi), francuski (fr), galicyjski (gl), niemiecki (de), islandzki (is), irlandzki...