informacje - Kurs HTML i CSS
Szablon strony na DIV-ach / Stały szablon...oblewanych bloków, a tekstu stopki prawidłowo - poniżej nich. Przykład Przykład Trzy kolumny: Nagłówek szablonu Menu nawigacyjne Dodatkowe informacje Treść strony Stopka serwisu html, body { background-color: #fff; color: #000; margin: 0; padding: 0; text-align: center; } #top { width: 780px; margin-left: auto; margin-right: auto; text-align: left; } #NAGLOWEK { background-color: #888; } #MENU { width: 150px; float: left; overflow: hidden; background-color...
- Szablon strony na DIV-ach / Płynny szablon
...szablonu Menu nawigacyjne Treść strony Stopka serwisu Przykład Przykład Trzy kolumny: Nagłówek szablonu Menu nawigacyjne Dodatkowe informacje Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony...
- Szablon strony na DIV-ach / Semantyczny szablon strony
...trójkolumnowy: <div id="top"> <div id="NAGLOWEK">Nagłówek szablonu</div> <div id="MENU">Menu nawigacyjne</div> <div id="INFORMACJE">Dodatkowe informacje</div> <div id="TRESC">Treść strony</div> <div id="STOPKA">Stopka serwisu</div> </div> [Zobacz także: Szablon strony w HTML5] Rezultat bez stylizacji: Nagłówek szablonu Menu nawigacyjne Dodatkowe informacje Treść strony Stopka serwisu W wyróżnionych fragmentach wstawimy nieistotną tutaj zawartość w celu wypełniania szablonu...
Nagłówek i treść HTML / Roboty <meta "robots, googlebot">...noindex, nofollow" - nie indeksuje nic Polecenie określa sposób zachowania się robotów-indekserów, czyli specjalnych programów zbierających informacje o stronach w Internecie, wykorzystywane później przez wyszukiwarki. Stosuj noindex tylko wtedy, gdy nie chcesz, aby Twoja strona była odnaleziona przez wyszukiwarki (bo np. treści na niej zawarte są ściśle tajne 🙂). Niestety całkowitej pewności nie będzie nigdy, ponieważ nie wszystkie roboty interpretują to polecenie. Pamiętaj, że...
- Nagłówek i treść HTML / Struktura dokumentu HTML
Znaczniki <body>...</body> oraz <meta> określają pewne informacje na temat strony jako całości. 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...
- HTML5 / Nowe elementy HTML5
...fragmenty treści na stronie. Można je porównać do rozdziałów w książce. Każda sekcja może mieć nagłówek (tytuł rozdziału) i stopkę (zawierającą informacje o autorze, prawach autorskich itp.). W ramach znaczników przydatnych przy wstawianiu sekcji, wyróżnić możemy elementy, które fizycznie te sekcje tworzą (ang. sectioning elements) - są to: ARTICLE, ASIDE, NAV, SECTION. Definiują one w dokumencie zakres dla stopek sekcji (element FOOTER). SECTION Ogólna sekcja dokumentu lub aplikacji...
- Szablon strony na DIV-ach / Responsywny szablon
Spis treści Wstęp Powiększenie strony Skalowalny szablon Strona mobilna Responsive Web Design (RWD) Skalowanie Responsywne obrazki Punkty przeskoku Wstęp Nie powinno być chyba dla nikogo zaskoczeniem, że urządzenia mobilne (smartfony, tablety) są dzisiaj używane tak samo chętnie lub nawet częściej niż tradycyjne komputery stacjonarne czy laptopy. Cechą wspólną tego typu urządzeń zwykle jest mniejszy ekran. W końcu trochę dziwnie by wyglądało taszczenie pod pachą...
- Nagłówek i treść HTML / Dokumenty prawne <link "license, privacy-policy, terms-of-service">
...słowo "private" oznacza "prywatny". Co to znaczy "Privacy Policy"? "Privacy Policy" to polityka prywatności, czyli dokument określający, jakie informacje są zbierane przez daną firmę, serwis internetowy lub aplikację, w jaki sposób są przechowywane, przetwarzane i zabezpieczane. Jest to istotny element dla użytkowników, którzy dowiadują się, jakie dane są gromadzone i w jaki sposób są używane. Jakie to są dane osobowe? Dane osobowe to informacje dotyczące zidentyfikowanej lub...
- Tekst HTML / Wyróżnienie <em, strong>
...napisany kursywą, natomiast drugie - pogrubiony. Różnią się one jednak od zwykłego wytłuszczenia i kursywy tym, że dodatkowo niosą ze sobą pewne informacje co do ważności tekstu. W sytuacjach kiedy szczególnie zależy nam na zwróceniu uwagi czytelnika na jakieś informacje, a nie jedynie na określonym sformatowaniu czcionki, powinniśmy użyć właśnie przedstawionych powyżej znaczników. Przykład <em, strong> <em>To jest tekst wyróżniony</em> <strong>To jest tekst o wysokiej ważności</strong>...
- Tekst HTML / Kod poprawny semantycznie
...go normalnie, a jedynie ze zmienionym na czerwono kolorem. W przypadku znaczników semantycznych to nie sposób formatowania jest najważniejszy, ale informacje jakie ze sobą niosą. Element <strong>...</strong> wskazuje, że objęty nimi tekst jest bardzo ważny. <code>...</code> daje do zrozumienia, że jest to fragment kodu komputerowego - np. jakiegoś programu. <abbr>...</abbr> to wspólnie z <q>...</q> i <cite>...</cite> jedne z najbardziej "niedocenianych" znaczników. Tymczasem niosą ze sobą...