meta - Kurs HTML i CSS
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...
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...
- 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...
- Wykaz generatorów
Generator 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...
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ę...
- HTML dla zielonych / Gotowiec HTML
...jeśli korzystasz z obcojęzycznych szablonów, należy sprawdzić sposób kodowania znaków. W nagłówku każdej strony HTML musi znajdować się linijka: <meta charset="utf-8"> (zobacz: Ramy dokumentu). Brak podobnej linijki w nagłówku strony albo istniejące wpisy typu: <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> są poważnym błędem, który spowoduje niepoprawne wyświetlanie polskich znaków w przeglądarce!
- 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...
- 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
- Tekst HTML / Tytuł nagłówka <h1, h2, h3, h4, h5, h6>
...tytuł. Atrybut ten (title="...") można stosować praktycznie w stosunku do wszystkich znaczników HTML (oprócz: <base>, <basefont>, <head>, <html>, <meta>, <param>, <script>, <title>). UWAGA! W treści atrybutu title="..." nie należy używać znaków cudzysłowu. Jeśli musimy to zrobić, należy zamiast nich wpisywać: " Przykład <h4 title> Przykład Pytania i odpowiedzi <h1, h2, h3, h4, h5, h6> Jak zrobić tytuł w HTML? Aby tekst na stronie był czytelniejszy, dobrze jest podzielić go na...