podkreślenie - Kurs HTML i CSS
Tekst HTML / Kod poprawny semantycznie...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 słowy: nie wiemy, czy tekst jest pogrubiony dlatego, że zawiera ważny termin, który powinien się wyróżniać, czy może dlatego...
Dobre praktyki / Przykazania webmastera...kursor np. łapki 😉 Dobrze jest, jeśli link różni się nie tylko kolorem, ale jeszcze przynajmniej jednym innym sposobem formatowania - np. posiada podkreślenie. Osoby cierpiące na daltonizm, mogą mieć problem z odróżnieniem kolorów. Poza tym mało odróżniający się kolor może być ciężki do zauważenia nawet dla osób z doskonałym wzrokiem, a zupełnie niemożliwy na ekranie czarno-białym. Rozważ używanie techniki "duszków" CSS (and. CSS sprites) Mniej zaptań HTTP oznacza szybsze ładowanie strony...
- Selektory pseudoklas CSS / Pseudoklasy typu :first-of-type :last-of-type :only-of-type
...bold } /* wytłuszczenie */ dl > dt:last-of-type { font-style: italic } /* kursywa */ dl > dt:only-of-type { text-decoration: underline } /* podkreślenie */ a w dowolnym miejscu strony: <dl> <dt>Termin 1</dt><dd>Definicja 1</dd> <dt>Termin 2</dt><dd>Definicja 2</dd> <dt>Termin 3</dt><dd>Definicja 3</dd> </dl> <dl> <dt>Termin 1</dt><dd>Definicja 1</dd> </dl> na stronie powinniśmy otrzymać wykaz, w którym tekst pierwszego punktu będzie pogrubiony, a ostatniego - pochylony: Termin 1...
- HTML5 / Uwydatnienie <mark>
...MARK od EM i STRONG. Element MARK uwydatnia tekst tylko w określonym kontekście (w innym może już nie być zaznaczony). Natomiast znacznik EM (podkreślenie akcentu) oraz STRONG (wysoka ważność) oznaczają tekst tak samo w każdym kontekście. Przykład <mark> <blockquote> <p><mark>Litwo</mark>! Ojczyzno moja! ty jesteś jak zdrowie.<br> Ile cię trzeba cenić, ten tylko się dowie,<br> Kto cię stracił. Dziś piękność twą w całej ozdobie<br> Widzę i opisuję, bo tęsknię po tobie.</p>...
Tekst HTML / Ćwiczenia...Zwróć uwagę, że znacznik tytułu nie umieszcza się wewnątrz akapitu, ale przed nim. Odszukaj fragmenty tekstu, które zasługują na szczególne podkreślenie ich znaczenia. Oznacz je w miarę potrzeb znacznikami EM lub STRONG. Sprawdź, czy podczas wcześniejszych ćwiczeń w prawidłowy sposób został przez Ciebie użyty znacznik pogrubienia. Dodaj do swojej strony przynajmniej jeden cytat lub blok cytowany. Jeżeli Tworzysz stronę o sobie, może to być np. motto, którym kierujesz się w życiu albo...
- Dziedziczenie stylów CSS / Przywrócenie wartości domyślnej {...: initial}
...nie będzie użycie wartości revert. Przykład {...: initial} To jest akapit koloru zielonego, wewnątrz którego znajduje się: pochylenie oraz podkreślenie, którym nie zostały nadane żadne style, a więc dziedziczą je po przodku, czyli po akapicie (są również zielone). A to jest pogrubienie, które znajduje się także wewnątrz tego samego akapitu, ale został mu nadany atrybut koloru czcionki oraz koloru tła jako "initial" i dlatego nie odziedziczył stylu po przodku. Oczywiście w powyższym...
- Ikony (symbole) / Gospodarstwo domowe
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Dom house house Łóżko bed bed Klimatyzacja ac_unit ac_unit Krzesło chair chair Prąd elektryczny electric_bolt electric_bolt Kawa coffee coffee Czujniki sensors sensors Opieka nad dziećmi child_care child_care Tylna ręka back_hand...