podkreślenie - Kurs HTML i CSS
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...
Formularze HTML / Pole wyboru <input "checkbox">...natomiast dla pola wyboru (oraz opcji) spowoduje to jego zaznaczenie/odznaczenie. O dostępnych klawiszach skrótu informuje się zwykle poprzez podkreślenie litery w opisie pola, która stanowi skrót: <input type="checkbox" name="nazwa" value="wartość" accesskey="a">Pole <u>a</u> (wciśnij Alt+A; jeśli używasz opery, wciśnij Shift+Esc+A) Atrybut accesskey="..." można zastosować dla znaczników: A, AREA, BUTTON, LABEL, LEGEND, TEXTAREA oraz INPUT. Przykład <input "checkbox" accesskey>...
- Formularze HTML / Przycisk <button>
...CSS - np. przy pomocy zamieszczonego generatora. ✅ Rozpocznij konfigurację formularza Przykład <button> Treść przycisku: pogrubienie pochylenie podkreślenie czcionka 'Courier New' kolor czerwony mała czcionka Wykaz: Punkt pierwszy Punkt drugi Przykład z obrazkiem: Przykład z tabelką: komórka1 komórka2 komórka3 komórka4 Przycisk zablokowany!Ten przycisk jest zablokowany - disabled (nie obsługuje Opera 6). W niektórych systemach operacyjnych i przeglądarkach wygląd przycisków o...
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...
- 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>...
- Podcast HTML / #3 Tekst HTML
...<div>. W linii: Elementy są wyświetlane normalnie, obok siebie, bez dodatkowych interlinii. Przykładem są: pogrubienie (<b>), kursywa (<i>) oraz podkreślenie (<u>). Kluczowa rola semantyki W HTML rozróżniamy znaczniki formatujące i znaczniki semantyczne. Znaczniki formatujące (np. <b>) mają za zadanie tylko i wyłącznie zmienić wygląd tekstu. Znaczniki semantyczne, takie jak <strong> (wysoka ważność lub pilność) i <em> (emfaza, czyli szczególny nacisk), określają charakter (znaczenie)...
- 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...
- 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...
- Dziedziczenie stylów CSS / Hierarchia elementów
...modyfikację oraz zapewnia spójność wizualną całej strony. Przykład 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 (biały) oraz koloru tła (niebieski) i dlatego nie odziedziczył stylu po przodku.
- 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...