odsyłacze - Kurs HTML i CSS
Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego...nagłówków menu (<dt>...</dt>). Tutaj również nie ma ograniczeń, co do zawartości, którą można umieścić wewnątrz. Mogą to być po prostu odsyłacze ale też inne elementy. Poniżej wystarczy już tylko umieścić wywołanie skryptu: <script> new Menu('menu0'); </script> ...i to wszystko 🙂. Zwróć tylko jeszcze uwagę na wyróżniony identyfikator menu0 w dwóch ostatnich fragmentach kodu: musi być on w obu miejscach identyczny! Dodatkowo w jednym dokumencie nie mogą istnieć dwa bloki...
Odsyłacze HTML / Odsyłacz obrazkowy <a href, img>...tekst alternatywny Informacja prezentowana, jeśli obrazek nie zostanie wyświetlony. Do tej pory w tym rozdziale przedstawione zostały jedynie odsyłacze tekstowe, tzn. na ekranie był wyświetlany pewien krótki tekst (opis odsyłacza), po kliknięciu którego, następowało przeniesienie do wskazanego adresu. Łatwo zauważyć, że to nie wszystkie możliwości, jakie dają odsyłacze. Na większości stron internetowych można spotkać "aktywne" obrazki, symulujące przyciski. Po kliknięciu, zachowują się...
Kursory CSS / Kształt kursora {cursor}Spis treści {cursor} Kształt kursora {cursor} Kursory ogólnego przeznaczenia Odsyłacze i kursory statusu Kursory wyboru Kursory "przeciągnij i upuść" Kursory zmiany rozmiaru i przewijania Kursory powiększania Kształt kursora {cursor} (interpretuje Internet Explorer 4, Firefox, Opera 7, Chrome) selektor { cursor: rodzaj } Selektorem może być praktycznie dowolny znacznik [zobacz: Wstawianie stylów]. Natomiast "rodzaj" odpowiada za kształt, jaki przybierze wskaźnik myszki, po...
- Menu rozwijane, otwierane, wysuwane / Pozycja absolutna
...jeśli przeglądarka użytkownika nie będzie obsługiwać JavaScript. Samo menu nadal będzie funkcjonalne pod względem nawigacji, tzn. jego elementy (odsyłacze) będą dostępne, ale oczywiście funkcja rozwijania nie będzie działać. Jest to jednak sytuacja dopuszczalna. Natomiast niedopuszczalne mogłoby być w takiej sytuacji ułożenie wypozycjonowanego absolutnie menu, które zakrywałoby na stałe fragmenty innych elementów strony, które znajdują się poniżej określonej pozycji. Dlatego pozycję należy...
- Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego
Jeżeli nie odpowiada nam podstawowy wygląd menu, można go zmienić wykorzystując polecenia CSS. W tym celu w pliku menu.css należy wkleić np.: #menu0 { width: 200px; margin: 10px; padding: 0; } #menu0 dt { background-color: #888; color: #fff; font-weight: bold; text-align: center; cursor: pointer; margin: 10px 0 0 0; padding: 2px; } #menu0 dd { background-color: #eee; color: #000; border-width: 0 1px 1px 1px; border-style: solid; border-color: #888...
- HTML dla zielonych / Odsyłacz pocztowy HTML <a "mailto">
<a href="mailto:adres poczty e-mail">opis odsyłacza</a> Zamiast: "adres poczty e-mail" należy wpisać adres poczty elektronicznej (np.: jan_kowalski@example.com). Ten odsyłacz jest przydatny, gdy pragniesz umieścić na stronie adres swojej skrzynki poczty elektronicznej (e-mail). Dzięki temu będziesz w stałym kontakcie z internautami odwiedzającymi Twoją stronę. Pamiętaj, że podanie swojego adresu na stronie WWW, może spowodować, że zaczną do Ciebie przychodzić niechciane wiadomości...
- Podcast HTML / #7 Widżety HTML
...treści). Aby zapobiec takim sytuacjom, możemy poinformować użytkownika, że spis treści znajduje się na innej stronie. Wyświetlenie ostrzeżenia z odsyłaczem Należy wstawić kod JavaScript bezpośrednio po znaczniku otwierającym BODY: <script>if (self == parent) document.write('<div align="center"><b>UWAGA!</b> To jest tylko ramka - wróć do <a href="index.html"><b>STRONY GŁÓWNEJ</b></a></div><hr><br><br>');</script> Jeśli strona zostanie wczytana poza ramkami, wyświetli się tekst z...
- Podcast HTML / #8 Formularze HTML
Pobierz plik MP3... Zobacz więcej... Wszystkie odcinki podcastu HTML: #1 HTML dla zielonych #2 Nagłówek i treść HTML #3 Tekst HTML #4 Odsyłacze HTML #5 Tabele HTML #6 Multimedia HTML #7 Widżety HTML #8 Formularze HTML #9 HTML5 Wprowadzenie do formularzy HTML i ich zastosowanie Formularze HTML umożliwiają stosowanie interaktywnych elementów na stronach WWW. Są one przydatne do gromadzenia informacji o użytkownikach odwiedzających serwis lub do zamawiania towarów w sklepach...
- HTML dla zielonych / Podsumowanie
To by było na tyle. Poznane tu polecenia powinny pozwolić Ci na napisanie prostej, ale zarazem dość dobrze wyglądającej strony WWW. Jeśli już teraz chcesz jak najszybciej sprawdzić w praktyce poznane wiadomości, to tutaj możesz skorzystać z szybkiego edytora stron próbnych, który pozwoli Ci napisać Twoją pierwszą testową stronę WWW. A więc do dzieła... ✅ Rozpocznij tworzenie strony WWW Jeżeli będziesz mieć więcej czasu, zajrzyj do dalszych rozdziałów tego kursu. Znajdziesz tam o wiele więcej...
- Nagłówek i treść HTML / Automatyczne wczytanie strony <meta "url">
...nowy adres. W takiej sytuacji po wejściu na stary adres przeglądarka automatycznie wczyta nową stronę, bez potrzeby klikania użytkownika w dodatkowe odsyłacze. Jak ustawić przekierowanie na inną stronę? Aby po wejściu na stronę natychmiast automatycznie przekierować użytkownika na nowy adres (np. https://www.example.com/), wystarczy wstawić w nagłówku dokumentu - tzn. gdziekolwiek wewnątrz elementu <head>...</head> - następujący znacznik: <meta http-equiv="refresh" content="0...