tekstu - Kurs HTML i CSS
HTML5 / Element bierny <... inert>...to atrybut logiczny (wstawiany bez wartości), sprawiający, że element przestaje być interaktywny - tzn.: Użytkownik nie będzie w stanie zaznaczyć tekstu takiego elementu. Nie będzie możliwości edytowania zawartości w polach formularzy ani elementach z atrybutem contenteditable="true". Zawartość, tak oznaczonego elementu, jest ignorowana podczas przeszukiwania dokumentu (skrót klawiaturowy Ctrl+F). Do skryptów JavaScript nie docierają z niego zdarzenia "click" ani "focus". Element i cała...
- 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...