tekst - Kurs HTML i CSS
Kaskadowe Arkusze Stylów / Dlaczego warto używać CSS?...które do tej pory były praktycznie niemożliwe do osiągnięcia: Różne wartości pogrubienia czcionki (9 rodzajów) Dodatkowe możliwości formatowania tekstu Przykład To jest nadkreślenie tekstu Ten paragraf został napisany małymi literami, ale dzięki transformacji, jest wyświetlany za pomocą wielkich liter. Ten akapit zaczyna się wcięciem, którego można użyć jako tabulatora, rozpoczynającego każdy nowy akapit (normalny znak tabulatora wpisany w kodzie źródłowym strony, jest ignorowany przez...
- Selektory pseudoklas CSS / Pierwsze dziecko :first-child
...się <b>pierwsze pogrubienie (powinno być czerwone)</b> oraz <b>drugie pogrubienie (nie powinno być czerwone)</b>.</p> na ekranie powinniśmy otrzymać tekst, w którym zawiera się pogrubienie koloru czerwonego: To jest akapit, wewnątrz którego znajduje się pierwsze pogrubienie (powinno być czerwone) oraz drugie pogrubienie (nie powinno być czerwone). Zwróć uwagę, że zwykły tekst znajdujący się na początku rodzica, przed pierwszym dzieckiem, nie ma wpływu na działanie tego selektora. Dzieje się...
- Czcionki CSS / Odległość między znakami czcionki {font-kerning}
...interpretuje: Firefox 34, Opera 20, Chrome 33) selektor { font-kerning: tryb } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "tryb" należy wpisać: auto - przeglądarka sama zdecyduje, jaki tryb zastosować (domyślnie) - np. aby poprawić czytelność, może wyłączyć kerning dla małego tekstu normal - wymuszenie kerningu none - zablokowanie kerningu Aby tekst wyglądał...
- Czcionki CSS / Wariant pozycji czcionki {font-variant-position}
(CSS 3 - interpretuje Firefox 34) selektor { font-variant-position: wariant } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, ale zaleca się stosować tutaj sub - indeks dolny albo sup - indeks górny [zobacz: Wstawianie stylów]. Natomiast jako "wariant" należy wpisać: normal - czcionka normalna (podstawowa) sub - indeks dolny super - indeks górny W języku HTML istnieją znaczniki <sub>...</sub> i <sup>...</sup> służące do tworzenia indeksów dolnych i górnych w...
- Tekst CSS / Białe znaki w tekście {white-space}
...strony (domyślnie) pre - umożliwia wyświetlenie wielu spacji obok siebie; wiersze są przełamywane po napotkaniu znaku nowej linii - klawisz Enter (tekst preformatowany) nowrap - tryb identyczny jak "normal" z tym, że nie pozwala na przełamanie wiersza (przejście do następnej linii), aż do napotkania znacznika <br> pre-wrap - (CSS 2.1) pozwala wyświetlić kilka sąsiadujących spacji; wiersze są przełamywane po napotkaniu znaku nowej linii - klawisz Enter - oraz automatycznie na końcu...
- Kursory CSS / Kolor karetki tekstowej {caret-color}
...Firefox 53, Opera 44, Chrome 57) selektor { caret-color: kolor } Selektorem może być element interaktywny, w którym użytkownik może wpisywać tekst, np. textarea, input[type="text"]. Natomiast jako "kolor" należy podać definicję koloru albo wartość auto (zresetowanie karetki testowej do domyślnego koloru). W przypadku interaktywnych elementów strony, w których można wpisywać tekst, pojawia się tzw. karetka. Wskazuje ona miejsce, w którym pojawią nowe znaki tekstu, kiedy zaczniemy je...
- Drukowanie CSS / Typ strony wydruku {page}
@page strona { cecha: wartość } selektor { page: strona } Jako strona należy wpisać dowolny tekst, który może się składać z małych i wielkich liter łacińskich (bez polskich znaków diakrytycznych), cyfr i myślników "-". Nie może się jednak zaczynać cyfrą ani myślnikiem. Aby użyć innych znaków, należy je poprzedzić odwróconych ukośnikiem "\". Jako cecha i wartość można wstawić jedną lub więcej deklaracji odpowiednich dla kontekstu strony. Selektorem może być dowolny znacznik blokowy - np. table...
- Menu w CSS / Rozdzielenia struktury i prezentacji dokumentu
...kodu HTML z odnośnikami, który będzie zupełnie pozbawiony formatowania: <ul> <li><a href="czcionki.html">Czcionki</a></li> <li><a href="tekst.html">Tekst</a></li> <li><a href="tlo.html">Tło</a></li> <li><a href="marginesy.html">Marginesy</a></li> <li><a href="obramowanie.html">Obramowanie</a></li> </ul> Rezultat bez stylizacji jest następujący: Czcionki Tekst Tło Marginesy Obramowanie Kod ten będzie wykorzystywany we wszystkich przykładach, zawartych dalej w tym...
Ochrona stronySpis treści Ochrona strony Blokada prawego klawisza myszki Blokada zaznaczania i kopiowania tekstu Blokada przeciągania elementów strony Blokada drukowania Blokada zapisu wybranych zdjęć Blokada paska narzędziowego obrazów Blokada klawisza Print Screen Podsumowanie Ochrona strony Czasami zdarza się, że chcemy opublikować w sieci jakieś ważne informacje. Zależy nam jednak, aby można się było z nimi zaznajomić tylko bezpośrednio na naszej stronie WWW i nie chcemy udostępniać takich...
Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej...po 45 minut, z pracą domową i elementami pracy własnej uczniów. Cel ogólny cyklu lekcji Uczeń tworzy prostą stronę internetową zawierającą tekst i grafikę, dostosowując jej wygląd do treści i przeznaczenia. Wymagania podstawy programowej Uczeń: przygotowuje dokumenty i prezentacje z wykorzystaniem aplikacji komputerowych; dostosowuje format i wygląd opracowań do treści; tworzy prostą stronę internetową zawierającą tekst i grafikę. Lekcja 1 - Wprowadzenie do HTML i struktury...