adres - Kurs HTML i CSS
HTML5 / Leniwe ładowanie <iframe loading, img loading>...lokalna: <iframe src="lokalizacja" loading="tryb"></iframe> Obrazek: <img src="lokalizacja" loading="tryb"> lokalizacja Ścieżka dostępu albo adres URL wskazujące na miejsce, skąd ma zostać załadowany zewnętrzny zasób tryb Należy podać jedną z poniższych wartości: lazy - zasób zostanie pobrany dopiero po spełnieniu określonych warunków - np. kiedy użytkownik przewinie stronę w jego pobliże. eager - ładowanie natychmiastowe (wartość domyślna) Język HTML pozwala na osadzanie w...
- HTML5 / Walidacja pól formularza <input pattern>
...dane wprowadzone przez użytkownika nie spełniają określonych kryteriów poprawności, takich jak brak wymaganych pól, niewłaściwy format danych (np. adres e-mail), czy też niezgodność z innymi ograniczeniami (np. minimalna długość hasła). W efekcie formularz nie zostanie przesłany, dopóki błędy nie zostaną poprawione. Jakie elementy walidacji formularzy pojawiły się w języku HTML5? W HTML5 wprowadzono wiele nowych elementów i atrybutów ułatwiających walidację formularzy, takich jak: typy...
- Podcast HTML / #2 Nagłówek i treść HTML
...jest automatyczne odświeżanie strony co określony czas (np. 60 sekund) za pomocą <meta http-equiv="refresh"> lub przekierowanie użytkownika na inny adres, np. natychmiastowo, za pomocą content="0; url=...". Pamiętajmy, że polecenie BODY powinno wchodzić w skład każdego dokumentu HTML i zawierać wszystkie widoczne elementy. Wszystkie znaczniki <meta> i <title> muszą znajdować się wewnątrz nagłówka strony (<head>...</head>).
- HTML5 / Piaskownica zabezpieczająca <iframe sandbox>
...a nie zostaną otwarte automatycznie poprzez skrypt w ramce. allow-top-navigation-to-custom-protocols - zezwala na uruchamianie odsyłaczy, których adres zaczyna się od protokołu innego niż "http:" i "https:". Mogą to być np. odnośniki "mailto:", które uruchamiają domyślny program pocztowy. Oprócz tego inne aplikacje, zainstalowane na urządzeniu użytkownika, mogą rejestrować swoje własne, niestandardowe protokoły. Wtedy po kliknięciu w odnośnik do takiego protokołu, nastąpi otwarcie danej...
- Podcast HTML / #1 HTML dla zielonych
...podstrony (w tym samym serwisie): należy użyć względnej ścieżki dostępu. <a href="kontakt.html">Przejdź do strony kontaktowej</a> Do zewnętrznego adresu internetowego: adres musi zaczynać się od http:// lub https://. <a href="https://www.google.pl/">Przejdź do Google</a> Aby otworzyć link w nowej karcie, dodaj atrybut target="_blank". Odsyłacz pocztowy: atrybut href musi zawierać mailto: przed adresem e-mail. <a href="mailto:jan.kowalski@example.com">Napisz do mnie</a> Odsyłacz obrazkowy...
Selektory pseudoklas CSS / Odsyłacz podstawowy :link...Pytania i odpowiedzi Jak wstawić odsyłacz? Odsyłacz w HTML wstawiamy za pomocą znacznika <a href="...">...</a>, gdzie atrybut href="..." określa adres docelowy. Na przykład: <a href="https://www.example.com">Tekst odsyłacza</a>. Jaki kolor ma link? Domyślnie linki są niebieskie (kolor #0000FF czyli blue), a odwiedzone linki są fioletowe (kolor #800080 czyli purple). Jak zmienić kolor odsyłacza HTML? Aby zmienić kolor odsyłacza w HTML, można użyć atrybutu style="..." lub...
- CSS dla zielonych / Kolor odsyłaczy CSS {color} :hover
...W ten sposób po wskazaniu elementu myszą użytkownik od razu widzi, że jest to element interaktywny, który można kliknąć, aby przejść pod podany adres. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości nadawania wyglądu odsyłaczom na stronach internetowych, zobacz rozdziały: Odsyłacz podstawowy, Odsyłacz odwiedzony, Aktywacja, Wskazanie myszką. Pytania i odpowiedzi {color} :hover Jak zmienić kolor odnośnika w CSS? Na przykład jeśli chcemy, aby...
Nowe okno / Kilka okienMożliwe jest otwarcie jednocześnie kilku nowych okien. Należy wtedy oddzielić średnikami (";") kolejne polecenia window.open('adres', 'nazwa'): <body onload="window.open('adres1', 'nazwa1'); window.open('adres2', 'nazwa2')">...</body> Trzeba wtedy jednak pamiętać, aby nazwy okien w kolejnych poleceniach były inne (albo ich wcale nie podawać). Wpisanie takich samych nazw, spowoduje otwarcie tylko jednego okna i załadowanie do niego strony ostatniej w kolejności podawania. Radzę nie przesadzać...
- Wyszukiwarka / Wyszukiwanie w podanym serwisie
...<input type="hidden" name="sitesearch" value="domena"> <input type="submit" value="Szukaj"> </form> gdzie jako "domena" należy wpisać adres strony, np. www.google.pl. Wyszukiwanie stron z Twojego serwisu może być niemożliwe jeśli nie posiadasz domeny lub subdomeny! Ponadto należy pamiętać, że aby przeszukiwanie serwisu mogło się odbyć, najpierw należy zarejestrować stronę w wyszukiwarce - w tym przypadku Google - a potem należy odczekać pewien czas, aby robot wyszukiwarki...
Kontakt...zadać pytania związanego z napotkanymi problemami dotyczącymi tworzenia stron WWW, skieruj się od razu na koniec tej strony - znajdziesz tam mój adres e-mail... Skoro to czytasz, znaczy że jednak masz problem i chcesz się z nim zwrócić do mnie. Niestety liczba listów e-mail, dotyczących problemów z tworzeniem stron WWW, która codziennie do mnie trafia, przekracza moje możliwości udzielenia na nie odpowiedzi. Każdy taki problem wymaga odrębnego rozpatrzenia. Zajmuje to na tyle dużo czasu...