content - Kurs HTML i CSS
Komendy CSS3 / Podstawowy interfejs użytkownika CSS...cursor outline outline-color outline-offset outline-style outline-width resize text-overflow box-sizing Wymiarowanie pudełka Wartość content-box | border-box Inicjalizacja content-box Zastosowanie wszystkie elementy, które akcektują szerokość i wysokość Dziedziczenie nie Procenty nie Media visual caret-color Kolor karetki tekstowej Wartość auto | <color> Inicjalizacja auto Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie Media interactive cursor...
HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>...dokumentu w formacie HTML (istnieją również inne podobne szablony): <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="description" content="Tu wpisz opis zawartości strony"> <title>Tu wpisz tytuł strony</title> </head> <body> Tu wpisuje się treść strony </body> </html> UWAGA! Powyższy szablon dotyczy tzw. kodu źródłowego, dlatego jeżeli używasz edytora graficznego (np.: FrontPage), koniecznie musisz się przełączyć w tryb bezpośredniej edycji kodu źródłowego HTML...
- Komendy HTML 4.01 / Wykaz atrybutów
...polu komentarza colspan TD, TH Liczba połączonych komórek w kolumnie compact DIR, DL, MENU, OL, UL Redukuje odstępy pomiędzy pozycjami content META (wymagany) Związana informacja coords A Do użytku z mapą odnośników klienta coords AREA Lista długości oddzielona przecinkami data OBJECT Odwołanie do danych obiektu datetime DEL, INS Data i czas zmiany declare OBJECT Deklaracja defer SCRIPT Przeglądarka może odroczyć wykonanie skryptu dir...
- Komendy HTML 4.01 / META
Informacje profilowe dokumentu (właściwości). Zobacz więcej... Atrybuty: CONTENT="wartość" Wartość własności DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej HTTP-EQUIV="nazwa" Informacja nagłówkowa (może być używana w zamian NAME) LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) NAME="nazwa" Identyfikuje nazwę własności SCHEME="schemat" Schemat interpretacji własności Znacznik otwierający...
- Nagłówek i treść HTML / Strona mobilna <link media>
...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 dedykowanej urządzeniom mobilnym. Przykład: <link...
- Definicje / Zawartość
(content) Zawartość (treść) związana z elementem w dokumencie źródłowym. Nie wszystkie elementy mają zawartość - w takim wypadku są nazywane pustymi (empty). Zawartością elementu może być tekst jak również pewna liczba podelementów, wtedy element nazywany jest rodzicem (parent) tych podelementów.
- Definicje / Zinterpretowana zawartość
(rendered content) Zawartość elementu po zinterpretowaniu zgodnie z powiązanym arkuszem stylów. Zawartość zinterpretowana elementów zastępowanych przychodzi z zewnątrz dokumentu źródłowego. Zawartością taką może być także alternatywny tekst dla elementu (wartość atrybutu alt w składni HTML) czy pozycja wstawiona (domyślnie lub poprzez ścisłe określenie) przez arkusz stylów (np. numerowanie).
- Szablon strony na DIV-ach / Responsywny szablon
...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 stronie były...
- Oprawa graficzna / Zamiennik obrazkowy
...może zawierać obszary przezroczyste. <div>Zamiennik obrazkowy</div> div { width: 200px; height: 50px; overflow: hidden; } div:before { content: url(obrazek.gif); float: right; } Przykład Zamiennik obrazkowy Zamienniki obrazkowe a Google Stosowanie techniki Image replacement może teoretycznie budzić pewne kontrowersje, jeśli chodzi o wyszukiwarki internetowe takie jak np. Google. Większość internautów używa przeglądarek graficznych, w związku z czym na ekranie ich monitorów...
- Komendy CSS3 / Zawieranie CSS
Źródło: CSS Containment Module Level 1 Spis treści contain contain Zawieranie Wartość none | strict | content | [ size || layout || paint ] Inicjalizacja none Zastosowanie wszystkie elementy, ale wybrane typy zawierania mogą nie działać dla niektórych elementów Dziedziczenie nie Procenty nie