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...
- 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...
- 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ą...
- 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ą...
HTML dla zielonych / ĆwiczeniaTeoria bez praktyki jest niczym. Dlatego zachęcam do stałego eksperymentowania z kodem HTML w trakcie czytania kursu. Dzięki temu poznane informacje na pewno zostaną lepiej utrwalone w Twojej pamięci. Ponadto często dopiero na etapie ćwiczeń praktycznych okazuje się, że tak naprawdę nie do końca właściwie zrozumieliśmy teorię. Jednak przede wszystkim to praktyka sprawia, że stajemy się coraz lepsi w danej dziedzinie. To z kolei pobudza i rozwija naszą pasję, dzięki której możemy stać się...