odsyłacz - Kurs HTML i CSS
Odsyłacze HTML / Odnośniki hipertekstowe...suchych" danych, a dokumenty znajdujące się w niej, nie byłyby w żaden sposób ze sobą powiązane. Praktycznie na każdej stronie WWW spotyka się odsyłacze. Najczęściej stanowi je specjalnie wyróżniony krótki tekst (lub obrazek), po kliknięciu którego, następuje przeniesienie do innej strony. Przy czym strona taka może wchodzić w skład tego samego serwisu, ale równie dobrze może znajdować się na drugim końcu świata. Przeglądarki internetowe wyświetlają odsyłacze najczęściej w innym kolorze...
Odsyłacze HTML / Ćwiczenia...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 otwórz duże zdjęcie w dowolnym programie graficznym - może to być nawet aplikacja Paint, która jest...
- Widżety HTML / Ramki lokalne <iframe>
...można umieścić dowolny kod, który wyświetli się tylko w sytuacji, jeśli przeglądarka nie obsługuje ramek lokalnych. Najłatwiej podać po prostu odsyłacz do tej samej strony, którą wczytujemy do ramki. Wtedy użytkownicy niekompatybilnych przeglądarek będą mogli przynajmniej bezpośrednio do niej przejść. Oczywiście zamiast odnośnika można również wstawić jakąś alternatywną treść, przeznaczoną do przeglądania bez ramek. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat...
- I co dalej... / Rejestracja
...roboty, czyli specjalne programy, które cały czas odwiedzają wszystkie strony i zapisują je w bazie danych wyszukiwarki. Kiedy taki robot natrafi na odsyłacz hipertekstowy, podąża za nim. Dzięki temu w wyszukiwarkach mogą się znaleźć serwisy, które w ogóle nie były do nich zgłaszane, co oszczędza pracy webmasterom i zapewnia aktualniejsze wyniki wyszukiwania. Trzeba jednak pamiętać, że aby strona została automatycznie zaindeksowana w bazie danych wyszukiwarki, na dowolnej innej stronie, która...
- Komendy HTML 4.01 / AREA
...Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej HREF="adres" Określa lokalizację zasobu sieciowego, do którego odnosi się odsyłacz 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.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) NAME="nazwa" Przypisuje nazwę kontrolną NOHREF Obszar nie ma związanego odsyłacza SHAPE="kształt" Określa kształt obszaru w...
- 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...
- HTML5 / Załącznik <figure, figcaption>
...do występujących w nim ilustracji i diagramów, dlatego co najwyżej moglibyśmy przenieść je na inną podstronę serwisu, a w artykule wstawić do nich odsyłacz. Z tego powodu stosuj znacznik FIGURE zawsze wtedy, gdy po usunięciu jego zawartości z serwisu pozostała treść utraciłaby wewnętrzną spójność. Natomiast jeżeli nawet po zupełnym wykasowaniu takiej wstawki z całej witryny właściwy artykuł nadal utrzymałby swój sens, lepiej będzie użyć znacznika ASIDE.
Selektory pseudoklas CSS / Wskazanie myszką :hover...użytkownik jeszcze ich nie kliknął, tzn. nie zostały jeszcze aktywowane. UWAGA! Kolejność deklarowania pseudoklas w arkuszu stylów przypisanych do odsyłaczy ma znaczenie. Wykonanie tego w niewłaściwy sposób może być przyczyną braku efektu podczas aktywacji czy wskazania myszką! Prawidłowa kolejność jest następująca: a:link { cecha: wartość } a:visited { cecha: wartość } a:hover { cecha: wartość } a:active { cecha: wartość } Przykład :hover Jeżeli wskażesz, ale nie klikniesz ten odsyłacz...
- Obramowanie CSS / Dekoracja przełamania obramowania {box-decoration-break}
...interpretuje Firefox 32, Opera 12-) selektor { box-decoration-break: dekoracja } Selektorem może być dowolny znacznik, np. p - akapit czy a - odsyłacz [zobacz: Wstawianie stylów]. Natomiast jako "dekoracja" należy wpisać: clone - każdy fragment przełamanego elementu będzie miał osobne obramowanie slice - wszystkie fragmenty przełamanego elementu będą miały wspólne obramowanie (domyślnie) Zdarza się, że na wydruku blok zostanie przełamany pomiędzy dwie kartki w taki sposób, że jego...
- Kursory CSS / Kształt kursora {cursor}
...MSIE 9, Firefox 3 Przykład Wskaż ten tekst myszką help - kursor pomocy Przykład Wskaż ten tekst myszką pointer - wskaźnik (wskazuje odsyłacz) Przykład Wskaż ten tekst myszką progress - "postęp" (CSS 2.1, ale nie CSS 2) Przykład Wskaż ten tekst myszką wait - "poczekaj" Przykład Wskaż ten tekst myszką Kursory wyboru cell - wskazuje, że komórka (jak w arkuszu kalkulacyjnym) może być zaznaczona (CSS 3) - interpretuje MSIE 9, Firefox 2, Opera, Chrome Przykład...