tekstu - Kurs HTML i CSS
HTML5 / Walidacja pól formularza <input pattern>...regularne (ang. regular expression) w postaci specjalnego wzorca definiującego format danych, który musi zostać spełniony podczas wpisywania tekstu w polu formularza przez użytkownika. Jest to pewien rodzaj filtru, który uniemożliwia nieprawidłowe wypełnienie formularza. Jeśli użytkownik wpisze wartość w niepoprawnym formacie, przeglądarka wyświetli komunikat błędu i zablokuje możliwość wysłania formularza. Komunikat ten będzie jednak dość ogólny - np.: "Podaj wartość w wymaganym...
- HTML5 / Blokada autokorekty <... autocorrect>
...listę potencjalnych poprawek. Autokorekta może jednak przysporzyć sporo kłopotów, jeśli pole nie zostało przeznaczone do wprowadzania zwykłego tekstu, tylko np. kodu komputerowego. W takim przypadku czasem lepiej wyłączyć tę funkcję, aby niepotrzebnie nie irytowała użytkowników, wprowadzając w tekście niezamierzone poprawki. W tym celu wystarczy do elementu przypisać atrybut autocorrect="off".
- Typy MIME / Multipurpose Internet Mail Extensions
...on jednak na tyle, że aktualnie jest niekwestionowanym standardem we wszystkich usługach internetowych, gdzie podstawowym zadaniem było przesyłanie tekstu, a pojawiło się zapotrzebowanie przesyłania danych innego typu. Przed każdym plikiem czy dokumentem, przesyłanym przez sieć WWW, dołączane są specjalne dane zwane nagłówkiem HTTP, w którym znajduje się m.in. typ MIME (Content-Type). To właśnie dzięki niemu przeglądarka użytkownika wie, co ma dalej zrobić z plikiem: jeżeli jest to dokument...
- Ikony (symbole) / Ikony do pobrania
...projektach: Akcje interfejsu użytkownika Społecznościowe Typowe akcje Komunikacja Zdjęcie i obraz Biznes i płatności Mapy Formatowanie tekstu Audio i wideo Transport Aktywności Sprzęt Android Prywatność i bezpieczeństwo Podróż Gospodarstwo domowe Dom Sztuczna inteligencja (AI) Marka Możesz również szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora, który jest załączony poniżej. Kolorowe emotikony do wstawienia na stronę znajdziesz w rozdziale...
- Podcast HTML / #4 Odsyłacze HTML
...obrazy jako elementy aktywne, w tym złożone struktury z wieloma klikalnymi obszarami. Odsyłacz obrazkowy (graficzny przycisk): zamiast tekstu, wewnątrz znacznika odsyłacza (<a href>) umieszcza się znacznik obrazka (<a href="..."><img></a>). Mapa odsyłaczy (image map): umożliwia dodanie kilku odnośników na jednym obrazku poprzez podział go na klikalne obszary: <map><area></map>. Serwerowa mapa odsyłaczy: używana w przypadku bardzo skomplikowanych obszarów: <img ismap>...
Kaskadowe Arkusze Stylów / Cascading Style Sheets...całej witryny internetowej. Pomysł ten nie jest wcale nowy. Style formatujące są wbudowane od dawna w praktycznie każdy bardziej zaawansowany edytor tekstu. Posiada je np. MS Word i Open Office. Niestety część poleceń stylów nie jest interpretowana przez niektóre przeglądarki internetowe lub jest obsługiwana odmiennie. Dlatego zawsze należy sprawdzać efekty w praktyce - jeśli to możliwe, to najlepiej w kilku najbardziej popularnych przeglądarkach: Chrome, Firefox. Absolutnie nie trzeba się...
- Selektory elementów CSS / Selektor dziecka
...następująca reguła: p > b { color: red } Dzięki temu, jeśli bezpośrednio wewnątrz znacznika p (akapit) znajdzie się znacznik b (czyli pogrubienie tekstu), to zostanie on automatycznie napisany czcionką koloru czerwonego: To jest akapit, a to jest pogrubienie (nie powinno być czerwone) umieszczone wewnątrz p, ale i wewnątrz znacznika pochylenia. Natomiast to jest pogrubienie (powinno być czerwone) umieszczone bezpośrednio wewnątrz znacznika akapitu. Zwróć uwagę na różnice w stosunku do...
- Selektory elementów CSS / Grupowanie selektorów
...dzięki użyciu znaku przecinka, oszczędzamy sobie pisania. Dodatkowo jeśli kiedyś musielibyśmy zmienić ustalony wcześniej dla tych selektorów kolor tekstu, będzie wystarczyło zrobić to tylko w jednym miejscu.
- Wstawianie stylów CSS / Wewnętrzny arkusz stylów <style>
...czego służą arkusze stylów CSS? Arkusze stylów CSS służą do definiowania wyglądu i formatowania elementów HTML, umożliwiając kontrolę nad kolorami tekstu oraz tła, rozmiarami czcionek, marginesami i innymi aspektami prezentacji strony. Który znacznik pozwala na wewnętrzne dodawanie stylów CSS w kodzie HTML? Znacznik <style> pozwala na wewnętrzne dodawanie stylów CSS w kodzie HTML. Jakie są zastosowania osadzonego arkusza stylów? Osadzony arkusz stylów (wewnętrzny) jest przydatny...
- Selektory elementów CSS / Ogólny selektor braci
...(nie powinno być czerwone) wewnąrz pochylenia (nie powinno być czerwone). Tutaj kończy się akapit. Zwróć uwagę, że pomiędzy braćmi, oprócz zwykłego tekstu, znajduje się dodatkowo znacznik klawiatury (kbd) i mimo to nie zaburza on działania selektora, gdyż jest innego typu niż bracia wyszczególnieni w regule stylów. Ponadto warto zauważyć, że inaczej niż dla podstawowego selektora braci, w tym przypadku formatowanie otrzymują również wszystkie następne znaczniki typu brat2, a nie tylko...