znaczniki sekcji - Kurs HTML i CSS
HTML5 / Nowe elementy HTML5...Pole INPUT Elementy interaktywne Skrypty Wstęp Standard HTML5 nie jest już taki nowy, ale nadal mogą być do niego wprowadzane nowe znaczniki. Przeglądarki które ich jeszcze nie odsługują, zwykle próbują wyświetlać je w linii. Nie jest to zgodne z domyślnym sposobem prezentacji części z tych elementów określonym w specyfikacji. Aby ujednolicić sposób wyświetlania elementów HTML5 w starszych przeglądarkach, powinniśmy dodatkowo wstawić do dokumentu specjalny arkusz stylów...
- HTML5 / Stopka <footer>
...zwykle informacje na temat sekcji - np.: autor, linki do powiązanych dokumentów, prawa autorskie itp. Stopka może również zawierać w sobie znaczniki sekcji. W takim przypadku stosuje się ją do oznaczania: załączników, skorowidzów (alfabetycznych indeksów haseł), kolofonów (opisów na zakończenie książki), szczegółowych praw autorskich itp. Mimo z pozoru analogicznej znaczeniowo nazwy, element FOOTER, inaczej niż HEADER, stanowi stopkę sekcji, podczas gdy ten drugi nie oznacza...
- 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...
- Tekst HTML / Tytuł nagłówka <h1, h2, h3, h4, h5, h6>
...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) <h6>...</h6> wyświetlanie: w bloku Aby nadać tytuł (nagłówek) jakiejś części tekstu (rozdziałowi, sekcji), możesz użyć tej komendy. Istnieje sześć rzędów...
- Podcast HTML / #1 HTML dla zielonych
...<p style="text-align: right">Treść akapitu</p> Podstawowe formatowanie tekstu Znaczniki pozwalają na zmianę wyglądu tekstu. Najczęściej używane znaczniki to: Pogrubienie (wytłuszczenie): <b>Tu wpisz tekst</b> Pochylenie (kursywa): <i>Tu wpisz tekst</i> Podkreślenie: <u>Tu wpisz tekst</u> Przekreślenie: <s>Tu wpisz tekst</s> Indeks górny: x<sup>2</sup> (np. x2) Indeks dolny: H<sub>2</sub>O (np. H2O) Zmiana stylu czcionki (znacznik <span>) Do zmiany stylu (rozmiar, kolor, rodzaj)...
- HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>
...oraz </body>) należy wpisać właściwą zawartość strony. Może to być po prostu zwykły tekst, który ma się pojawić na stronie. Są to również tzw. znaczniki sterujące wyglądem dokumentu (które zostaną opisane dalej). Dla ciekawskich 😉 Jeśli już teraz chcesz koniecznie wiedzieć, co oznaczają nieopisane powyżej linijki, zobacz rozdziały: Składnia (X)HTML5 oraz Deklaracja strony kodowej. UWAGA! W żadnym wypadku nie należy pomijać w powyższym szablonie następującej linijki: <meta...
- Podcast HTML / #5 Tabele HTML
...na łączenie kilku sąsiadujących komórek w jedną większą. Połączona komórka rozciąga się na kilka komórek pojedynczych, eliminując tym samym zbędne znaczniki <td>. Łączenie poziome: atrybut colspan="x" (gdzie "x" to liczba scalanych komórek) dodawany jest do znaczników <td> lub <th> w celu połączenia komórek w poziomie. Łączenie pionowe: atrybut rowspan="y" dodawany jest do znaczników <td> lub <th> w celu połączenia komórek w pionie (w dół przez wiersze). Grupowanie wierszy, nagłówki i...
- Nagłówek i treść HTML / Struktura dokumentu HTML
...Polecenie BODY powinno wchodzić w skład każdego dokumentu HTML. Stanowi ono właściwą treść, czyli tzw. ciało, w którym zawierają się wszystkie inne znaczniki, dotyczące formatowania, a także zwykły tekst. W jednym dokumencie może się znajdować tylko jeden znacznik <body> - zaraz po nagłówku strony (<head>...</head>). Natomiast znacznik <meta> stanowi tzw. metainformację, pozwalającą określić pewne ogólne wiadomości dotyczące dokumentu, m.in. sposób kodowania znaków, opis zawartości strony...
Dobre praktyki / Przykazania webmastera...Nie używaj pustych elementów (znaczników) Przeznaczeniem większości znaczników jest oznaczanie jakichś elementów. Tylko nielicznymi wyjątkami są znaczniki puste - jak np. img. Używanie znaczników niezgodnie z ich przeznaczeniem jest niepoprawne semantycznie. Jeśli potrzebujesz wprowadzić dodatkowy znacznik w celu odpowiedniego wystylizowania wyglądu, zamiast dodawać pusty element, obejmij nim ten fragment kodu źródłowego, któremu chcesz zmienić wygląd. Nie dodawaj na stronie tekstu tylko...
- 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...