content - Kurs HTML i CSS
XHTML / Wymagania stawiane dokumentom XHTML...kompatybilności wstecz powinno się dodać w nagłówku dokumentu również tradycyjną deklarację strony kodowej, np.: <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2" />
Aktualizacja / System newsów...groove, ridge, inset, outset */ border-color: gray; /* kolor obramowania */ border-top-width: 0; margin: 0; margin-bottom: 20px; } .news_content { padding: 5px; /* margines wewnatrz */ text-align: justify; /* wyrównanie tekstu: left, right, center, justify */ } /* Data */ .news_date { font-size: 11px; /* rozmiar czcionki */ text-align: left; /* wyrównanie tekstu: left, right, center, justify */ padding: 5px; padding-bottom: 0; } .news_date span { font-weight...
- Nagłówek i treść HTML / Opis zawartości strony <meta "description">
<head> <meta name="description" content="Tu podaj opis twojej strony"> </head> Polecenie to należy wstawić między znacznikami: <head> oraz </head>. Pozwala ono opisać co znajduje się na Twojej stronie. Z informacji tej korzystają wyszukiwarki sieciowe, dlatego staraj się tutaj wpisać tekst, który jak najlepiej opisze zawartość strony i zachęci do jej odwiedzenia. Ciekawy, ale niezbyt długi, opis może zachęcić internautów do obejrzenia Twojej strony. Znacznik <meta name="description"> nie ma...
- XHTML / Typy MIME dokumentów XHTML
...require_once dirname(__FILE__)."/$DTD.inc.php"; echo "\n"; if ($MIME == 'text/html') { echo "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=$CHARSET\" />\n"; foreach ($CSS as $css) echo "<link rel=\"stylesheet\" href=\"".$css[0]."\" type=\"text/css\"".(empty($css[1]) ? "" : " media=\"".$css[1]."\"")." />\n"; } ?> W tym samym katalogu (mime) utwórz następujące pliki: XHTML 1.1.inc.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN...
Marginesy CSS / Wymiarowanie pudełka {box-sizing}...Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rodzaj" należy podać: content-box Wymiarowanie zgodne z modelem pudełkowym border-box Wymiarowanie zgodne z trybem Quirks Bardzo stare przeglądarki (w zamierzchłych czasach MSIE 5) nie potrafiły wymiarować bloków zgodnie ze specyfikacją CSS. Sytuacja ta już dawno uległa poprawie, jednak w celu zachowania kompatybilności wstecz, niektórzy producenci przeglądarek...
- Nagłówek i treść HTML / Słowa kluczowe <meta "keywords">
<head> <meta name="keywords" content="wyraz1, wyraz2, wyraz3..."> </head> gdzie "wyraz1, wyraz2, wyraz3..." oznaczają wyrazy, które należy rozdzielać przecinkami. Można oczywiście podać więcej niż trzy wyrazy (w miejsce kropek). Polecenie to należy wstawić między znacznikami: <head> oraz </head>. Pozwala Ci ono podać wyrazy kluczowe, z których mogą korzystać wyszukiwarki sieciowe. Dlatego staraj się tutaj wpisać wyrazy, które jak najlepiej opiszą zawartość Twojej strony. Dobrze dobrane słowa...
- Nagłówek i treść HTML / Autor strony <meta "author", link "author">
...link "author"> Autor dokumentu <meta "author"> Strona autora <link "author"> Autor dokumentu <meta "author"> <head> <meta name="author" content="Tu wpisz swoje imię i nazwisko"> </head> Polecenie to należy wstawić między znacznikami: <head> oraz </head>. Pozwala ono podać informację o fizycznej osobie będącej autorem strony. Strona autora <link "author"> <head> <link rel="author" href="lokalizacja"> </head> gdzie jako lokalizacja należy podać jedną z następujących wartości...
- Nagłówek i treść HTML / Edytor <meta "generator">
<head> <meta name="generator" content="nazwa edytora"> </head> gdzie jako "nazwa edytora" można wpisać nazwę programu, przy użyciu którego została stworzona strona. Pozwala określić nazwę edytora HTML, który został wykorzystany do utworzenia dokumentu. Przykład <meta "generator"> <meta name="generator" content="MetBod (https://www.kurshtml.edu.pl/generatory/metbod.html)">
- Nagłówek i treść HTML / Automatyczne odświeżanie strony <meta "refresh">
<head> <meta http-equiv="refresh" content="s"> </head> gdzie jako "s" należy podać liczbę, określającą co jaki przedział czasu (w sekundach) będzie odświeżana strona, czyli ponownie wczytywana. Polecenie to pozwala na automatyczne odświeżanie strony, co pewien określony przedział czasu (podany w sekundach). Powinno być wstawione w treści nagłówkowej dokumentu - między znacznikami: <head> oraz </head>. Nie należy przesadzać z odświeżaniem strony, ponieważ irytuje to użytkowników, a nawet...
- Nagłówek i treść HTML / Automatyczne wczytanie strony <meta "url">
<head> <meta http-equiv="refresh" content="s; url=Tu podaj adres strony lub ścieżkę dostępu"> </head> s Czas, po którym zostanie załadowana podana strona (w sekundach) Tu podaj adres strony lub ścieżkę dostępu Adres lub ścieżkę dostępu do strony, która ma być wczytana Polecenie to pozwala na automatyczne wczytanie podanej strony. Załadowanie nastąpi po określonym przez nas czasie (podanym w sekundach). Powinno być wstawione w treści nagłówkowej dokumentu. Polecenie to jest często...