dodać - Kurs HTML i CSS
HTML5 / Zawijanie tekstu w formularzu <textarea wrap>...ekranie podczas jego wpisywania - nawet w miejscach, w których użytkownik nie używał klawisza Enter. W tym celu do pola obszaru tekstowego wystarczy dodać atrybut wrap="hard".
- HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>
...przypisujemy atrybut popovertarget="..." o wartości takiej samej, jak identyfikator id="..." popovera. Na koniec do przycisku możemy opcjonalnie dodać atrybut popovertargetaction="..." określający akcję, która po kliknięciu w przycisk ma zostać wykonana na popoverze. Warto zwrócić uwagę, że tym samym popoverem może sterować wiele przycisków - np. jeden może go otwierać, a drugi zamykać. Okienko popover domyślnie nie ma przypisanego żadnego bardziej skomplikowanego wyglądu poza czarną...
- Odsyłacze HTML / Mapa odsyłaczy <img usemap, map, area>
...różnych lokalizacji na stronie internetowej. W jaki sposób przypisać mapę odsyłaczy do obrazka w HTML? W tym celu do znacznika obrazka należy dodać atrybut usemap="#...", a do znacznika mapy odsyłaczy - odpowiadający mu atrybut id="...". Na przykład: <img src="..." alt="..." usemap="#nazwa_mapy"> <map id="nazwa_mapy">...</map>. Należy pamiętać, że w tym samym dokumencie HTML co prawda może być wstawiona dowolna liczba różnych map odsyłaczy, ale każda z nich musi mieć inną nazwę. W...
- Odsyłacze HTML / Serwerowa mapa odsyłaczy <a href, img ismap>
...punkt spowoduje wyświetlenie zbliżenia tego obszaru albo informacji o wskazanej okolicy. Aby użyć mapy odsyłaczy po stronie serwera, wystarczy dodać do obrazka atrybut ismap. Po kliknięciu, przeglądarka automatycznie doklei na końcu adresu odsyłacza ?x,y - czyli współrzędne punktu kliknięcia liczone od lewego-górnego narożnika grafiki. Przykład <a href, img ismap> Po kliknięciu na poniższym obrazku, do linku zostaną doklejone współrzędne wskazanego punktu (po wczytaniu nowej strony...
Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia...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 Styl lokalny Przebieg 10 min - Omówienie zasad działania CSS...