etykiety - Kurs HTML i CSS
Odsyłacze HTML / Do etykiety <a id>...osobnej stronie HTML definiuje się zakładki. Dzięki takiej konstrukcji, nawigacja w serwisie staje się dużo łatwiejsza. Po kliknięciu odsyłacza do etykiety, przeglądarka internetowa przenosi użytkownika bezpośrednio do podrozdziału, a nie na początek strony, przez co nie jest on zmuszony do samodzielnego odszukania wybranego tematu (co w przypadku obszernych dokumentów mogłoby długo potrwać). Etykietę można zdefiniować w dowolnym miejscu strony - również wewnątrz zwykłego tekstu. Jeśli...
- Formularze HTML / Pole wyboru <input "checkbox">
...obok</label> Polecenie takie wprowadza na ekran etykietę z tekstowym opisem pola, która jest z nim skojarzona logicznie. Dzięki temu kliknięciu etykiety powoduje zwykle taki sam efekt jak kliknięcie samego pola, tzn. jego zaznaczenie lub odznaczenie, a dodatkowo wskazanie etykiety myszką może spowodować "podświetlenie" pola. Tekst etykiety może się znajdować przed lub za elementem formularza, do którego się odnosi. Zwykle zupełnie wystarczający jest pierwszy z podanych sposobów...
Selektory pseudoklas CSS / Etykieta :target...dowolny znacznik, który posiada atrybut id="..." albo ewentualnie może to być element A posiadający atrybut name="..." [zobacz: Odsyłacz do etykiety i Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Czasami podział serwisu na podstrony jest niewystarczający. Zdarza się, że jeden artykuł jest podzielony dodatkowo na niewielkie sekcje - zbyt małe, aby tworzyć z każdej z nich osobną...
- Dobre praktyki / Przykazania webmastera
...wszystkim tytułom nagłówkowym, które znajdują się w treści artykułów. Dzięki temu możliwe będzie odwołanie się do nich poprzez odsyłacz etykiety. Dla każdego widocznego pola formularza używaj znaczników label Nie tylko upraszczają korzystanie z pól opcji i wyboru (można kliknąć w tekst, a nie trzeba dokładnie celować w niewielką kontrolkę), ale również ułatwią używanie Twojej strony przez osoby niewidome. Grupuj pola formularzy znacznikami fieldset, a nie div Grupowanie pól...
- Odsyłacze HTML / Odsyłacz obrazkowy <a href, img>
...src="ścieżka dostępu do obrazka" alt="tekst alternatywny"></a> adres Wartość tworzona analogicznie jak w przypadku odsyłaczy do: podstrony, etykiety, adresu internetowego, poczty e-mail czy dowolnych innych odsyłaczy (w zależności od wybranego typu odsyłacza). ścieżka dostępu do obrazka Lokalizacja na dysku, gdzie znajduje się żądany plik obrazka. tekst alternatywny Informacja prezentowana, jeśli obrazek nie zostanie wyświetlony. Do tej pory w tym rozdziale przedstawione zostały...
- Komendy HTML 4.01 / FIELDSET
Pozwala autorowi pogrupować tematycznie kontrolki i etykiety formularza (FORM). Zawiera zwykle legendę (LEGEND). Zobacz więcej... Atrybuty: CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LANG="język" Informacja o języku bazowym (np...
- Komendy HTML 4.01 / LABEL
...nie może się powtarzać w całym dokumencie FOR="identyfikator" Łączy etykietę z elementem, którego atrybut ID równa się wartości atrybutu FOR dla etykiety LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) STYLE="styl" Informacje stylów (CSS) TITLE="tekst" Tekst pomocniczy Zdarzenia: onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup Znacznik otwierający...
- Selektory pseudoklas CSS / Co to są pseudoklasy CSS?
...sposób: Pseudoklasy dynamiczne Pseudoklasy linków: :link, :visited Pseudoklasy akcji użytkownika: :active, :hover, :focus Pseudoklasa etykiety: :target Pseudoklasa języka: :lang() Pseudoklasy interfejsu użytkownika: :enabled, :disabled :checked Pseudoklasy strukturalne: :root :nth-child(), :nth-last-child(), :nth-of-type(), :nth-last-of-type() :first-child :last-child :only-child :first-of-type, :last-of-type, :only-of-type :empty Pseudoklasa negacji: :not()
- Czcionki CSS / Atrybuty mieszane czcionki {font}
...podpisanych kontrolek (np. przycisków, rozwijalnych list) icon - czcionka etykiet ikon menu - menu message-box - okna dialogowe small-caption - etykiety małych kontrolek status-bar - pasek statusu okna Przykład {font: caption icon menu small-caption status-bar} font: caption font: icon font: menu font: message-box font: small-caption font: status-bar
- HTML5 / Sekcja <section>
...gdzie powinno się wstawić znacznik sekcji, jest zadanie sobie pytania, czy do tego fragmentu strony potencjalnie ktoś chciałby wstawić odsyłacz do etykiety. Dlatego takie sekcje dobrze jest dodatkowo opatrzyć identyfikatorem, do którego będzie się można potem odnosić: <section id="moja-sekcja"> <h1>Moja sekcja</h1> ... </section> (...) Przejdź 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...