html5 - Kurs HTML i CSS
HTML5 / Walidacja pól formularza <input pattern>(interpretuje: Internet Explorer 10, Firefox 4, Opera 10, Chrome 10) <input pattern="wzorzec"> wzorzec Wyrażenie regularne Pozwala określić tzw. wyrażenie 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...
- HTML5 / Sprawdzanie pisowni <... spellcheck>
(interpretuje: Internet Explorer 10, Firefox 2, Opera 11.5, Chrome 9) Elementy bez znacznika zamykającego (np. INPUT) - wersja podstawowa: <element spellcheck> Elementy bez znacznika zamykającego - wersja rozszerzona: <element spellcheck="pisownia"> Elementy ze znacznikiem zamykającym (np. TEXTAREA) - wersja podstawowa: <element spellcheck>...</element> Elementy ze znacznikiem zamykającym - wersja rozszerzona: <element spellcheck="pisownia">...</element> element Znaczniki: dowolne...
- HTML5 / Blokada autokorekty <... autocorrect>
(interpretuje: Safari z wartościami true/false zamiast on/off) Elementy bez znacznika zamykającego (np. INPUT) - wersja podstawowa: <element autocorrect> Elementy bez znacznika zamykającego - wersja rozszerzona: <element autocorrect="autokorekta"> Elementy ze znacznikiem zamykającym (np. TEXTAREA) - wersja podstawowa: <element autocorrect>...</element> Elementy ze znacznikiem zamykającym - wersja rozszerzona: <element autocorrect="autokorekta">...</element> element Znaczniki...
- HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>
Stronę WWW tworzy się podobnie jak zwykły dokument tekstowy. Po uruchomieniu edytora HTML należy wybrać opcję z menu: Plik/Nowy (lub File/New). Teraz można już zacząć pisanie strony. Jednak ponieważ dokument HTML nie jest całkowicie zwykłym plikiem tekstowym (zawiera hipertekst, osadzone obrazki i musi być poprawnie wyświetlany w różnych systemach operacyjnych na całym świecie), dlatego wymyślono specjalny szablon dokumentu HTML, który powinien być przestrzegany. Oto jak przykładowo powinny...
- Tekst HTML / Tytuł nagłówka <h1, h2, h3, h4, h5, h6>
Spis treści <h1, h2, h3, h4, h5, h6> Tytuł nagłówka <h1, h2, h3, h4, h5, h6> Prawidłowa kolejność tytułów Dymek narzędziowy <h1 title, h2 title, h3 title, h4 title, h5 title, h6 title> Tytuł nagłówka <h1, h2, h3, h4, h5, h6> Tytuł pierwszego poziomu (główny) <h1>...</h1> Tytuł drugiego poziomu (sekcji) <h2>...</h2> Tytuł trzeciego poziomu (podsekcji) <h3>...</h3> Tytuł czwartego poziomu <h4>...</h4> Tytuł piątego poziomu <h5>...</h5> Tytuł szóstego poziomu (najniższej podsekcji)...
- Tekst HTML / Kod poprawny semantycznie
Spis treści Znaczniki formatujące i semantyczne Komu to jest potrzebne? Podsumowanie Znaczniki formatujące i semantyczne Patrząc na liczbę znaczników, służących do formatowania tekstu na ekranie przeglądarki internetowej, można się zastanawiać: po co jest ich aż tyle? Jaki był sens wprowadzania znacznika <strong>...</strong> (mocne wyróżnienie), skoro właściwie zwykle jest on wyświetlany tak samo jak <b>...</b> (pogrubienie)? Czy nie lepiej tworzyć akapity za pomocą podwójnych...
- Tekst HTML / Blokada indeksowania fragmentów treści <... data-nosnippet>
<div data-nosnippet>...</div> <span data-nosnippet>...</span> <section data-nosnippet>...</section> Co zrobić, jeśli w opisie naszej strony w wynikach wyszukiwania Google wyświetlają się nieadekwatne treści? Może to mieć miejsce, m.in. kiedy w treści strony są umieszczone jakieś elementy interfejsu użytkownika. Na przykład jeśli w naszym serwisie znajdują się fragmenty przykładowych tekstów (kody źródłowe, polecenia, wzory itp.), możemy chcieć ułatwić użytkownikowi skorzystanie z nich...
- Tekst HTML / Źródło <cite>
<cite>...</cite> wyświetlanie: w linii Zwykle jest napisany kursywą. Umieszcza się w nim tytuł utworu, do którego się odnosimy, ale nie sam cytat. Może to być np. tytuł książki, opracowania, wiersza, partytury, piosenki, scenariusza, filmu, programu telewizyjnego, gry komputerowej, rzeźby, obrazu, sztuki teatralnej, przedstawienia, opery, musicalu, wystawy, protokołu sprawy czy nazwa programu komputerowego itp. Element ten nie służy do oznaczania cytatów - do tego nadaje się znacznik...
- Odsyłacze HTML / Do etykiety <a id>
Etykieta - inaczej zakładka lub kotwica (ang. anchor) - to pewne zaznaczone miejsce na stronie. Jeśli zdefiniujemy taką zakładkę, będziemy mogli się później do niej bezpośrednio przenosić. Etykiety są wykorzystywane, gdy w jednym dokumencie znajduje się więcej ważnych miejsc - podrozdziałów, a wstawienie ich do osobnych plików, byłoby uciążliwe, ze względu na ich liczbę. Tak jak w książce - każdy rozdział składa się z mniejszych podrozdziałów - tak samo na każdej osobnej stronie HTML definiuje...
- Multimedia HTML / Obrazek HTML <img>
Spis treści <img> Obrazek <img> Obrazek o określonych rozmiarach <img width height> Formaty graficzne Animowany banner Obrazek <img> <img src="ścieżka dostępu" alt="Tekst alternatywny"> gdzie jako "ścieżka dostępu" należy podać lokalizację na dysku, gdzie znajduje się żądany obrazek. Natomiast w miejsce "Tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony (np. jeśli użytkownik wyłączy wyświetlanie grafiki w swojej...