dodać - Kurs HTML i CSS
Promocja strony WWW / Tworzenie społeczności...przez użytkownika, poprzez kliknięcie specjalnego linka aktywacyjnego przesłanego na podany adres e-mail - w przeciwnym razie ktoś złośliwie mógłby dodać cudzy adres e-mail do listy subskrypcyjnej! Nie udostępnienie takich funkcji to zwykły spam, a to na pewno nie przysporzy Ci zadowolonych czytelników. Oczywiście ręczne tworzenie listy subskrypcyjnej mija się z celem. Istnieją wyspecjalizowane programy, które robią to automatycznie. Większość serwisów korzysta jednak ze specjalnych skryptów...
- HTML5 / Wykaz z numeracją odwrotną <ol reversed>
...listę zaczynającą się od numeru 3. Jak utworzyć listę w kolejności malejącej w HTML? Aby utworzyć listę w kolejności malejącej w HTML, należy dodać atrybut reversed do elementu <ol>. Można również ustawić początkowy numer listy za pomocą atrybutu start. Przykład: <ol reversed start="5"> <li>Piąty</li> <li>Czwarty</li> <li>Trzeci</li> </ol> utworzy listę zaczynającą od 5 i malejącą.
- Języki / Strony kodowe
Spis treści UTF ISO Strony kodowe UTF W 1993 roku została opracowana specjalna strona kodowa tzw. Unicode. Jest to standard 16-bitowy i dzięki temu może zapisać aż 65536 znaków. Pozwala to umieścić w jednej stronie kodowej większość alfabetów świata, co sprawia, że jest to jedyny standard, umożliwiający pisanie dokumentów w wielu językach jednocześnie. Niestety pliki takie mogą mieć nawet dwa razy większe rozmiary (przy stronie kodowej UTF-16), choć jeśli chodzi o polskie teksty...
- HTML5 / Załącznik <figure, figcaption>
...FIGCAPTION? Jest to element służący do wstawiania podpisów ilustracji bądź diagramów i innych tego typu załączników w dokumentach HTML5. Jak dodać opis do zdjęcia HTML? Najlepszym sposobem dodania krótkiego opisu pod zdjęciem jest umieszczenie na stronie znacznika FIGURE, a wewnątrz niego IMG i FIGCAPTION. Na przykład jeśli plik zdjęcia nazywa się "zdjecie.jpg" i znajduje się w tym samym katalogu co dokument *.html, w którym chcemy go wstawić, można się posłużyć następującym kodem...
- 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 / Pola formularza <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week" min max step multiple>
...tym przypadku obsługiwane. Programy pocztowe dają możliwość wysłania e-maila do wielu adresatów jednocześnie. Ponadto do tego samego listu możemy dodać kilka plików załączników. Taki same efekt możemy uzyskać przypisując do pola odpowiedniego typu atrybut logiczny (wstawiany bez wartości) multiple. Wtedy w jednym miejscu będziemy mogli podać listę wartości rozdzieloną przecinkami. Przykład <input "email" multiple> Zobacz przykład: multiple
- HTML5 / Blokada autouzupełniania <form autocomplete, input autocomplete, select autocomplete, textarea autocomplete>
...hasła zapisanymi wcześniej wartościami. Jak usunąć autouzupełnianie w polu tekstowym? Aby usunąć autouzupełnianie w polu tekstowym, należy dodać atrybut autocomplete="off" do tagu <input>. Na przykład: <input type="text" name="field" autocomplete="off">. To zapobiega przeglądarkom sugerowaniu i automatycznemu uzupełnianiu wartości w tym polu.
Wstawianie stylów CSS / Alternatywny arkusz stylów <link "alternate stylesheet">...CSS. Nie trzeba tworzyć, a potem aktualizować kilku wersji witryny, aby zapewnić użytkownikom możliwość dopasowania jej do własnych oczekiwań. Aby dodać nowy wygląd, wystarczy tylko przygotować dodatkowy plik *.css, a zmiana treści serwisu nie będzie wymagała żadnych modyfikacji wyglądu poszczególnych stylów. Jeśli chcemy, aby niektóre arkusze nie były dostępne do podmiany przez użytkownika, wystarczy osadzić je w tradycyjny sposób, tzn. jako arkusze domyślne bez podania atrybutu...
- HTML5 / Automatyczne zogniskowanie <... autofocus>
...zaznaczone po załadowaniu strony. Jak ustawić fokus na konkretnym elemencie HTML? Aby ustawić fokus na konkretnym elemencie HTML, należy dodać atrybut autofocus do tego elementu, jak w <input type="text" id="myInput" autofocus>. Można również ustawić fokus programowo za pomocą JavaScript, używając metody focus(), np. document.getElementById('myInput').focus();. Jak ustawić autofokus na "fałsz" w HTML? W HTML nie ma bezpośredniego sposobu na ustawienie autofokusu na "fałsz...
- Selektory pseudoelementów CSS / Przed... :before
...w treści akapitu. Obrazek przed... :before {content: url} Zamiast tekstu generowanego przed wybranym elementem, w analogiczny sposób można tam dodać grafikę: selektor:before { content: url(ścieżka dostępu do obrazka) } Ścieżkę dostępu należy konstruować względem arkusza CSS! Przykład :before {content: url} To jest akapit, rozpoczynający się obrazkiem, pomimo że nie został on umieszczony w treści akapitu. Można nawet połączyć generowanie tekstu i grafiki w jednej deklaracji...