mail - Kurs HTML i CSS
HTML5 / Tryb wpisywania <... inputmode>...adresów URL, takimi jak "/" i "." oraz do szybkiego wprowadzania ciągów często występujących w nazwach domen, takich jak "www." czy ".com". email - klawiatura ekranowa umożliwiająca wprowadzanie tekstu w lokalnym języku użytkownika, z klawiszami ułatwiającymi wprowadzanie adresów e-mail, takimi jak znak "@" i znak ".". numeric - klawiatura ekranowa umożliwiająca wprowadzanie cyfr. To słowo kluczowe jest przydatne przy wprowadzaniu kodów PIN. decimal - klawiatura ekranowa...
- HTML5 / Podpowiedź pola formularza <input placeholder, textarea placeholder>
...użytkownik wprowadzi własne dane. Jest on używany jako wskazówka lub sugestia, co należy wpisać w danym polu, np.: placeholder="Wprowadź swój e-mail". Jak ustawić "placeholder"? Aby ustawić "placeholder" w polu formularza HTML, należy dodać atrybut placeholder="..." do elementu <input> lub <textarea> . Przykład: <input type="text" placeholder="Wprowadź swoje imię"> lub <textarea placeholder="Wpisz swoją wiadomość"></textarea>.
- HTML5 / Walidacja pól formularza <input pattern>
...wypełnienie pola, trzeba dodatkowo użyć atrybutu required. Do walidacji wybranych standardowych typów wartości (color, date, datetime-local, email, month, number, range, time, url, week) warto skorzystać z podstawowej wersji pola formularza. Pozwoli to nie tylko prawidłowo zweryfikować poprawność wprowadzanych danych, ale również w wielu przypadkach udostępni użytkownikowi specjalną wersję kontrolki ułatwiającej wybór wartości. Ponadto urządzenia mobilne (np. smartfony) mogą wtedy...
- Podcast HTML / #1 HTML dla zielonych
...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 (klikalny przycisk): znacznik <img> jest umieszczany wewnątrz znacznika <a>. <a href="podstrona.html"><img src="przycisk.gif" alt="Przejdź" style="border: 0"></a> Dobre praktyki Aby stworzyć dobry serwis, należy dbać o poprawność...
- Podcast HTML / #4 Odsyłacze HTML
...inicjują specyficzne działania klienta (np. wysyłanie poczty, połączenia, transfer plików) przy użyciu różnych protokołów. Odsyłacz pocztowy (e-mail): umożliwia użytkownikom wysłanie listu poprzez otwarcie domyślnego programu pocztowego: <a "mailto:...">. Odsyłacz FTP: pozwala na bezpośredni odsyłacz do pliku na serwerze FTP (ang, File Transfer Protocol): <a href="ftp://...">. Inne protokoły: obejmujące usługi takie jak połączenia zdalne (ssh) czy skrypty (javascript). Odsyłacze...
Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia...target="_blank" (nowe okno). 20 min - Praca praktyczna Uczniowie wstawiają obrazek na stronie. Tworzą link do innej strony i do adresu e-mail. 10 min - Analiza błędów i zapisanie pracy 5 min - Zadanie domowe: dodać więcej obrazków i linków. Lekcja 3 - Formatowanie strony i style CSS Czas trwania: 45 minut Cele szczegółowe Uczeń rozumie podstawy CSS. Uczeń dodaje style do elementów HTML. Materiały CSS dla zielonych Zewnętrzny arkusz stylów Wewnętrzny arkusz stylów...