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ą...
Odsyłacze HTML / Podcast HTML...Ci to lepiej zrozumieć, czego się nauczysz w tej części kursu: Odsyłacze HTML (linki, hiperłącza): naucz się tworzyć przejścia do innych stron WWW, etykiety (kotwice), linki pocztowe (mailto), odsyłacze obrazkowe oraz mapy odsyłaczy. Kontroluj SEO, blokując indeksowanie za pomocą rel="nofollow", "ugc" i "sponsored". 🔊 Posłuchaj podcastu HTML
- 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...
Odsyłacze HTML / ĆwiczeniaOtwórz w edytorze HTML stronę (plik index.html) stworzoną w ramach ćwiczeń z poprzedniego rozdziału. Utwórz spis treści dodając etykiety do tytułów poszczególnych sekcji tematycznych na stronie głównej, a następnie umieszczając na początku wykaz z listą odsyłaczy do tych etykiet. Przygotuj po dwie wersje ilustracji z Twojej strony. Pierwsza powinna mieć rozmiary dokładnie takie jak widoczne bezpośrednio na stronie. Natomiast druga wersja może być zdjęciem w wysokiej rozdzielczości. W tym celu...
- Odsyłacze HTML / Mapa odsyłaczy <img usemap, map, area>
...wierzchołka obrazka, który stanowi punkt zerowy układu współrzędnych. 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). Po wywołaniu tej komendy, zostanie wczytany obrazek o podanej ścieżce dostępu. Następnie będzie on podzielony na kilka pól (w sposób niewidoczny), z których każde będzie przyporządkowane oddzielnemu odsyłaczowi. Dzięki temu...
- Odsyłacze HTML / Serwerowa mapa odsyłaczy <a href, img ismap>
...src="ścieżka dostępu do obrazka" alt="tekst alternatywny" ismap></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. Czasami obszary odsyłaczy zdefiniowane na obrazku...
- 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...