meta - Kurs HTML i CSS
XHTML / Typy MIME dokumentów XHTML...media=\"".$css[1]."\"")."?".">\n"; 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...
- Nagłówek i treść HTML / Strona mobilna <link media>
...z smartfonów czy tabletów. Jak dostosować stronę do urządzeń mobilnych HTML? Aby dostosować stronę do urządzeń mobilnych w HTML, można użyć meta tagu viewport. Przykład: <meta name="viewport" content="width=device-width, initial-scale=1.0">. Ten tag umożliwia przeglądarce odpowiednie skalowanie i dostosowanie widoku do szerokości ekranu urządzenia. Jak zrobić stronę mobilną? Aby zrobić stronę mobilną, można użyć znacznika <link> z atrybutem media="..." do wskazania adresu strony...
- Promocja strony WWW / Pozycjonowanie (SEO)
...usługę tego typu trzeba zapłacić naprawdę dość duże pieniądze. Są jednak pewne podstawowe zasady, które mogą w tym pomóc. Słowa kluczowe <meta name="keywords" content="słowa kluczowe"> Dla większości wyszukiwarek ten znacznik ma kluczowe znaczenie (w końcu nawet tak się nazywa - słowa kluczowe 🙂). W jaki sposób określić właściwe słowa kluczowe? To proste: wyobraź sobie, że zapomniałeś adresu swojej strony (wiem, że to mało prawdopodobne 🙂). Teraz pomyśl chwilę, jakie wyrazy jak...
- Języki / Strony kodowe
...w edytor, który go obsługuje. Wtedy należy również bezwzględnie pamiętać o wstawieniu w nagłówku dokumentu deklaracji strony kodowej Unicode: <meta charset="utf-8"> Wygląd znaków Unicode możesz sprawdzić tutaj. ✅ Rozpocznij przeglądanie Unicode ISO Zamiast kodowania ISO zaleca się zawsze używać stronę kodową UTF, która automatycznie obsługuje większość języków świata. Natomiast wszystkie strony kodowe WINDOWS są mocno odradzane! Jeśli chcemy napisać dokument w określonym języku...
- HTML5 / Składnia (X)HTML5
...treści Przykładowy dokument HTML5 Przykładowy dokument XHTML5 MathML i SVG Przykładowy dokument HTML5 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>...</title> </head> <body> ... </body> </html> W pierwszej linijce widzimy skróconą deklarację typu dokumentu (co ważne, nie przełącza ona przeglądarki w tryb Quirks). Powiedzmy sobie szczerze - raczej nikt nie był w stanie zapamiętać rozwlekłej formy DTD dla języka HTML 4 ani XHTML 1. Przeglądarki...
CSS dla zielonych / Wstawienie arkusza stylów CSS <link "stylesheet">...w nagłówku strony - tzn. w dowolnym miejscu pomiędzy znacznikami <head> oraz </head> - jedną dodatkową linijkę: <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="description" content="Tu wpisz opis zawartości strony"> <title>Tu wpisz tytuł strony</title> <link rel="stylesheet" href="style.css"> </head> <body> Tu wpisuje się treść strony </body> </html> Dzięki znacznikowi <link> do dokumentu zostanie automatycznie dołączony arkusz stylów. W nim właśnie wpisuje się...
Wykaz generatorówGenerator stron WWW Prosty skrypt pozwalający szybko przetestować działanie znaczników HTML. Generator szablonów WWW Nie potrafisz zbudować profesjonalnie wyglądającej struktury strony? Nie radzisz sobie z tabelkami? Otwórz ten generator i pozwól, aby wszystko zrobił za Ciebie. Tworzenie szablonów WWW jeszcze nigdy nie było tak proste i szybkie! Generator META i BODY Bardzo obszerny kreator sekcji META i BODY do automatycznego tworzenia dokumentów HTML. Pozwala np. zmienić kolor suwaków...
- Ochrona strony
...m.in. wydruk lub zapisanie grafiki na dysku. Dla wszystkich zdjęć na stronie (wstaw w nagłówku dokumentu - <head>...</head> - poniższy kod): <meta http-equiv="Imagetoolbar" content="no"> Tylko dla wybranych zdjęć: <img src="zdjecie.jpg" alt="Tekst alternatywny" galleryimg="no"> Blokada klawisza Print Screen Klawisza Print Screen umożliwia wykonanie prostego zrzutu ekranu i późniejszego wklejenia do programu graficznego. Należy wstawić do dokumentu specjalny kod w następujący...
- Komendy HTML 4.01 / HEAD
Nagłówek dokumentu. Zobacz więcej... Atrybuty: DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) PROFILE="adres" Wskazuje lokalizację (adres) jednej lub więcej informacji profilowej META, które są oddzielone białym znakiem Znacznik otwierający: opcjonalny Znacznik zamykający: opcjonalny
- Szablon strony na DIV-ach / Responsywny szablon
...responsywną, najpierw musimy wstawić w nagłówku dokumentu, tzn. w dowolnym miejscu pomiędzy znacznikami <head> i </head>, następuje polecenie: <meta name="viewport" content="width=device-width, initial-scale=1"> Oznacza ono, że przeglądarka mobilna nie musi pomniejszać strony, ponieważ to my zadbamy o to, aby strona była wygodna w odbiorze na urządzeniach przenośnych [zobacz: Skalowanie]. Responsywne obrazki Następnie powinniśmy zadbać, aby w miarę możliwości wszystkie ilustracje na...