html5 - Kurs HTML i CSS
Odsyłacze HTML / Do podstrony <a href>(w obrębie tego samego serwisu) Spis treści <a href> Do podstrony <a href> Dymek narzędziowy <a href title> Nowe okno <a href "_blank"> Do podstrony <a href> Tak jak każda książka składa się z rozdziałów, tak samo serwisy internetowe składają się zwykle z podstron. Każda podstrona jest osobnym plikiem HTML i zawiera treść, która dość znacznie różni się tematycznie od pozostałych. Taka organizacja ułatwia użytkownikowi nawigację oraz zapobiega niepotrzebnemu wczytywaniu całego serwisu...
- Komendy HTML 4.01 / Zdarzenia
Spis treści Wstęp Spis wszystkich zdarzeń generowanych przez elementy Wstęp Zdarzenia są automatycznie generowane przez element, którego dotyczą, zawsze wtedy, gdy zajdą określone okoliczności. Takie zdarzenie można przechwycić i wykonać jakąś czynność, gdy zajdą podane warunki - jak np. wyświetlenie okienka po kliknięciu elementu myszką. Aby możliwa była obsługa wygenerowanego zdarzenia, należy przypisać do znacznika określony atrybut z wartością zawierającą polecenia, które będą w...
- Formularze HTML / Ramy formularza HTML <form>
Spis treści <form> Ramy formularza <form> Dla zaawansowanych Sprawdzenie pól formularza <form onsubmit> Ankieta Ramy formularza <form> <form action="mailto:adres e-mail gdzie wysłać formularz" method="post"> (Tutaj umieszcza się pola formularza) </form> lub <form action="mailto:adres e-mail?subject=temat" method="post"> (Tutaj umieszcza się pola formularza) </form> gdzie jako "adres e-mail gdzie wysłać formularz" podaj swój adres poczty elektronicznej e-mail. Natomiast zamiast...
- Formularze HTML / Pole tekstowe <input "text">
Spis treści <input "text"> Pole tekstowe <input "text"> Odpowiedź domyślna <input "text" value> Długość pola <input "text" size> Maksymalna ilość znaków, które można wpisać do pola <input "text" maxlength> Pole tylko do odczytu <input "text" readonly> Blokada pola <input "text" disabled> Tabulator <input text tabindex> Pole tekstowe <input "text"> <form action="..."> <input type="text" name="nazwa"> </form> lub <form action="..."> <input name="nazwa"> </form> gdzie jako "nazwa...
- Formularze HTML / Wysłanie formularza <input "submit, image">
Spis treści <input "submit, image"> Przycisk tekstowy <input "submit"> Przycisk obrazkowy <input "image"> Nazwa przycisku wysłania formularza <input "submit" name> Przycisk tekstowy <input "submit"> <form action="..."> <input type="submit" value="wartość"> </form> gdzie jako "wartość" należy wpisać napis, który pojawi się na przycisku wysyłania formularza. Jeśli opuścimy ten parametr, pojawi się tam domyślny tekst, np.: "Prześlij kwerendę". Polecenie wprowadza na ekran przycisk z...
- HTML5 / Nagłówek <header>
<header>...</header> Reprezentuje grupę wprowadzającą albo ułatwienia nawigacyjne. Zwykle zawiera nagłówek sekcji (H1, H2, H3, H4, H5, H6 albo HGROUP), ale nie jest to absolutnie konieczne. Może zawierać również: spis treści, formularz wyszukiwania, logo. Sam element HEADER nie stanowi nagłówka sekcji. Może to być nieco mylące, ponieważ z kolei element FOOTER stanowi stopkę sekcji. Elementami definiującymi nagłówek sekcji są: H1, H2, H3, H4, H5, H6. W szczególności znacznik HEADER nie tworzy...
- HTML5 / Sekcja <section>
<section>...</section> Sekcja dokumentu lub aplikacji to tematyczna grupa treści, zwykle zawierająca nagłówek. Przykładami sekcji mogą być: rozdziały książki lub pracy badawczej, przełączane zakładki okna dialogowego. Strona domowa może zostać podzielona na przykładowe sekcje: wprowadzenie, lista nowości, informacje kontaktowe. Treść sekcji może być dodatkowo podzielona na podsekcje - poprzez umieszczenie w elementach głównych sekcji dodatkowych znaczników SECTION. W takim przypadku mamy do...
- HTML5 / Data i czas <time>
Spis treści <time> Data i czas <time> Format daty i czasu Generator daty i czasu HTML5 Data i czas <time> <time>data/czas</time> <time datetime="data/czas">...</time> "data/czas" są zapisane w formacie zdefiniowanym standardem ISO8601. Na stronach internetowych bardzo często spotyka się różnorodne daty czy oznaczenia czasu: publikacja artykułu, wysłanie komentarza, zaplanowane wydarzenia i ich godzinowy rozkład dnia. Takie dane mogłyby zostać wykorzystane np. do automatycznego...
- HTML5 / Automatyczna kapitalizacja tekstu <... autocapitalize>
(interpretuje: Firefox 111, Opera 30, Chrome 43) Elementy bez znacznika zamykającego (np. INPUT): <element autocapitalize="kapitalizacja"> Elementy ze znacznikiem zamykającym (np. TEXTAREA): <element autocapitalize="kapitalizacja">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5 - z wyjątkiem: url, email, password TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie...
- HTML5 / Asynchroniczne ładowanie skryptów <script src async>
(interpretuje: Internet Explorer 10, Firefox 3.6, Opera 15, Chrome 8) <script src="lokalizacja" async></script> lokalizacja Ścieżka dostępu albo adres URL wskazujące na miejsce, skąd ma zostać załadowany zewnętrzny plik ze skryptem Na stronach internetowych można załączać dynamiczne skrypty, napisane w języku JavaScript. Zwykle zapisuje się je w osobnych plikach z rozszerzeniem *.js i osadza na stronie przy użyciu znacznika SCRIPT - podając do nich odnośnik w atrybucie src="...". W...