znaczniki - Kurs HTML i CSS
XHTML / Różnice między HTML 4 a XHTML 1.0...paragrafu jest <em>emfaza.</p></em> Nazwy znaczników i atrybutów obowiązkowo muszą być pisane małymi literami. Dla elementów niepustych znaczniki zamykające są obowiązkowe: Poprawnie: <p>tutaj jest paragraf.</p><p>tutaj jest następny paragraf.</p> Niepoprawnie: <p>tutaj jest paragraf.<p>tutaj jest następny paragraf. Wartości atrybutów muszą być zawsze ujęte w cudzysłowy: Poprawnie: <td rowspan="3"> Niepoprawnie: <td rowspan=3> Nie można minimalizować atrybutów logicznych...
- HTML5 / Kategorie elementów HTML5
W języku HTML5 elementy zostały zaklasyfikowane do wyznaczonych kategorii, które grupują znaczniki o podobnych cechach. Jeden element może należeć do wielu kategorii jednocześnie, ale niektóre znaczniki nie należą do żadnej. Kategorie pozwalają od razu domyślić się, do czego służy wybrany element, jakie znaczniki może w sobie zawierać oraz wewnątrz których elementów powinien się znajdować. Kategorie zawartości są ze sobą powiązane w następujący sposób (niektóre elementy mogą należeć również do...
- Podcast HTML / #9 HTML5
...<aside>, <nav>, <section>. Znaczniki grupujące: <figure>, <figcaption>, <main>, <search>. Semantyka tekstu: <mark>, <time>, <wbr>. Kluczowe znaczniki sekcji: <section>: reprezentuje ogólną tematyczną grupę treści, często z nagłówkiem, porównywalną do rozdziału w książce. Jeśli chcemy przekazać dodatkowe znaczenie semantyczne, należy używać tego elementu zamiast <div>. <article>: samodzielna część dokumentu lub aplikacji, która potencjalnie mogłaby być opublikowana niezależnie od...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikumSpis treści Wstęp Cel ogólny cyklu lekcji Wymagania podstawy programowej Lekcja 1 - Struktura dokumentu HTML, podstawowe znaczniki Lekcja 2 - Wstawianie obrazków i podstawowe formatowanie tekstu Lekcja 3 - Listy i tabele w HTML Lekcja 4 - Multimedia w HTML: video, audio, widżety (iframe) Lekcja 5 - Wprowadzenie do CSS: podstawowe style i struktura arkuszy Lekcja 6 - Klasy CSS, ramki, marginesy, tapety, interakcje Lekcja 7 - Publikacja strony internetowej Zadanie końcowe / projekt...
- Tekst HTML / Komentarz HTML
...przez przeglądarkę, ale może przechowywać ważne informacje dla autora strony (np. prawa autorskie). Oczywiście wewnątrz komentarza zwykłe znaczniki nie są interpretowane (chociaż można je tam wpisać). Komentarz może być wieloliniowy tzn., że może ciągnąć się przez wiele linijek, np.: <!-- Ten tekst zostanie zignorowany przez przeglądarkę --> Komentarzy nie można zagnieżdżać (umieszczać jeden wewnątrz drugiego), tzn. niedozwolona jest konstrukcja: <!-- zewnętrzny <!-- komentarz...
- HTML5 / Artykuł <article>
...jeśli formalnie tego nie robimy). Element ARTICLE nie nadaje się do oznaczania informacji o autorstwie artykułu. Takie dane powinny być objęte znacznikiem ADDRESS (o ile zawierają informacje kontaktowe) i najczęściej wstawione w stopce artykułu (element FOOTER). Przykład <article> Najlepszym sposobem oznaczenia w HTML5 wpisu na blogu wraz z komentarzami użytkowników, mogłoby być: <article> <h1>Mój pierwszy wpis na blogu</h1> <p>Stało się. Postanowiłem założyć własnego bloga. Nie...
- HTML5 / Automatyczna kapitalizacja tekstu <... autocapitalize>
...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 / Klawisz Enter <... enterkeyhint>
...Firefox 94, Opera 66, Chrome 77) Elementy bez znacznika zamykającego (np. INPUT): <element enterkeyhint="zatwierdzenie"> Elementy ze znacznikiem zamykającym (np. TEXTAREA): <element enterkeyhint="zatwierdzenie">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5, w którym można wpisywać tekst TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie zostanie...
- HTML5 / Sprawdzanie pisowni <... spellcheck>
...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 pole formularza HTML 4.01 lub HTML5, w którym można wpisywać tekst TEXTAREA elementy tekstowe z atrybutem...
- HTML5 / Tryb wpisywania <... inputmode>
(interpretuje: Firefox 95, Opera 53, Chrome 66) Elementy bez znacznika zamykającego (np. INPUT): <element inputmode="tryb"> Elementy ze znacznikiem zamykającym (np. TEXTAREA): <element inputmode="tryb">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5, w którym można wpisywać tekst TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie zostanie zastosowane zbiorczo do...