znaczniki html - Kurs HTML i CSS
Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowejSpis treści Wstęp Cel ogólny cyklu lekcji Wymagania podstawy programowej Lekcja 1 - Wprowadzenie do HTML i struktury dokumentu Lekcja 2 - Wstawianie obrazków i linków Lekcja 3 - Dostosowanie wyglądu strony i podsumowanie Zadanie końcowe / projekt Podsumowanie Wstęp Poniżej znajdziesz scenariusz cyklu lekcji oparty na podstawie programowej dla klas IV-VIII szkoły podstawowej z zakresu informatyki oraz materiałach ze strony HTML dla zielonych. Lekcje zostały rozplanowane na...
HTML5 / Filmy i dźwięk <video, audio, source>...(width="...") i wysokość (height="...") ma film, który będzie załadowany do odtwarzacza VIDEO. Formaty audio/wideo Wprowadzając w HTML5 nowe znaczniki AUDIO i VIDEO początkowo starano się również rozwiązać problemy z różnorodnością formatów plików muzycznych i filmowych. W samej wielości formatów nie byłoby nic złego, gdyby wszystkie przeglądarki potrafiły je obsłużyć. Niestety tak nie jest. Do tego dochodzą kwestie związane z patentami i licencjonowaniem. W praktyce aby mieć pewność...
- Nagłówek i treść HTML / Język strony <html lang, link hreflang>
...muszą wskazywać na siebie nawzajem. W przeciwnym razie powiązania między nimi mogą zostać zignorowane. Oznacza to, że gdyby w powyższym przykładzie znaczniki <link hreflang> znajdowały się tylko na stronie https://www.example.com/pl/index.html, to dokument pod adresem https://www.example.com/en/index.html nie zostanie uznany za inną wersję językową tej strony. Domyślna wersja językowa <head> <link rel="alternate" hreflang="x-default" href="adres"> </head> Zapewne nie uda Ci się...
- 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...
- 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...
- 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...
- 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...
- 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...
- 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 / Czy XHTML umarł?
...Extensible Markup Language - czyli Rozszerzalny Język Oznaczania). XML to bardziej uniwersalny język oznaczania tekstu, w którym możemy tworzyć nowe znaczniki. Przy jego użyciu można zbudować dowolny dokument, a nie tylko stronę internetową, nadając mu wewnętrzną strukturę - tzn. umieszczać wybrane fragmenty tekstu w znacznikach, które mogą być następnie ułożone jeden wewnątrz drugiego, tak aby stanowiły logiczne połączenie. Przykładem struktury w języku HTML mogą być ramy dokumentu...