informacje - Kurs HTML i CSS
HTML5 / Ewolucja języka HTML...aktualizuje się automatycznie. Zatem prawdopodobnie masz zainstalowaną najnowszą jej wersję. Aby to sprawdzić, otwórz menu: Pomoc / Google Chrome - informacje.
- HTML5 / Sekcja <section>
...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 czynienia z podrozdziałami. Podział treści na sekcje jest niezwykle przydatny czytelnikowi. Akapity w obszernym tekście ułatwiają odbiór treści. Łatwiej jest...
- HTML5 / Główna treść <main>
...na naturę hipertekstu w każdym serwisie WWW możemy wyznaczyć menu nawigacyjne, nagłówek witryny zwykle z osadzonym logo, stopkę zawierającą np. informacje o prawach autorskich. Wszystkie te elementy niezwykle ułatwiają przeglądanie witryny. Jednak użytkownicy odwiedzają stronę przede wszystkim nie po to, żeby oglądać menu czy logo. Głównym celem jest dotarcie do treści, która jest zawarta w serwisie. Taka treść może ginąć w natłoku wszystkich elementów pomocniczych witryny. Zwłaszcza...
- HTML5 / Artykuł <article>
...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 wiem, czy będę miał czas, aby regularnie...
- Podcast HTML / #2 Nagłówek i treść HTML
...WWW, niezwykle istotne jest zrozumienie struktury dokumentu HTML, w tym różnicy między nagłówkiem (<head>) a ciałem (<body>). Nagłówek zawiera metainformacje, które nie wpływają bezpośrednio na wygląd dokumentu, ale są równie ważne. Metainformacje i ich znaczenie Metainformacje, definiowane za pomocą znacznika <meta>, pozwalają określić ogólne wiadomości dotyczące dokumentu, takie jak sposób kodowania znaków, opis zawartości czy język. Zastosowanie metainformacji może pomóc w odszukaniu...
- HTML5 / Wstawka <aside>
...się wśród użytkowników.</p> </aside> <article> Należy tutaj podkreślić, że powyższy artykuł nie opisuje rodzajów komputerów, a jedynie podaje informacje ogólnie o tym urządzeniu elektronicznym. Dlatego wstawka o laptopach jest tutaj jak najbardziej uprawniona. W przeciwnym razie zamiast znacznika ASIDE prawdopodobnie lepszym pomysłem byłoby użycie SECTION. Przykład dodania do artykułu wstawki z dodatkowym cytatem: <article> <h1>Szczególna teoria względności</h1> <p>Ta teoria...
Wykaz skryptów / Skrypty w kursie...przed wysłaniem formularza pocztowego, czy wszystkie pola zostały wypełnione przez użytkownika. Strona na hasło Jeżeli nie chcesz, aby wszystkie informacje na Twojej stronie były publicznie dostępne, możesz zabezpieczyć wybrane podstrony hasłem. Prezentowany skrypt jest niezwykle prosty do wprowadzenia, ale jednocześnie bardzo skuteczny. Dynamiczne blokowanie pól formularza Blokowanie/odblokowywanie albo ukrywanie/wyświetlanie jednego lub kilku pól formularza dopiero po wcześniejszym...
- HTML5 / Kategorie elementów HTML5
...content) Definiuje sposób prezentacji lub zachowania reszty zawartości, albo określają relacje dokumentu z innymi dokumentami, bądź przekazują inne informacje "poza głównym torem" (np. techniczne lub strukturalne dane o dokumencie). BASE, LINK, META, NOSCRIPT, SCRIPT, STYLE, TEMPLATE, TITLE przepływowe (ang. flow content) Większość elementów używanych w ciele dokumentów i aplikacji A, ABBR, ADDRESS, AREA (jeśli znajduje się wewnątrz MAP), ARTICLE, ASIDE, AUDIO, B, BDI, BDO, BLOCKQUOTE...
- Ikony (symbole) / Komunikacja
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Poczta mail mail Połączenie call call Powiadomienia notifications notifications Wyślij send send Czatuj chat chat Link link link Forum forum forum Inwentarz 2 inventory_2 inventory_2 Dymek czatu chat_bubble chat_bubble Telefon w trakcie...
Wstawianie stylów CSS / Wewnętrzny arkusz stylów <style>...zapis: /*123/*000*/456*/. Komentarz może składać się z wielu linii, np.: /* Ten tekst zostanie zignorowany przez przeglądarkę, ale może zawierać informacje cenne dla projektanta arkusza CSS */ Ponadto w języku HTML całą zawartość arkusza stylów, tzn. wnętrze znacznika <style>...</style> można ująć w komentarz HTML: <style> <!-- /* To jest arkusz stylów kompatybilny wstecz */ --> </style> Dzięki nim treść arkusza nie będzie widoczna na ekranie starszych przeglądarek, które nie obsługują...