czcionki - Kurs HTML i CSS
Znaki specjalne HTML / Encje HTML...nim linię poprzez użycie znacznika <br>, co niekoniecznie może być działaniem pożądanym, biorąc pod uwagę fakt, że użytkownik może zmienić rozmiar czcionki lub w ogóle nie posiadać ustalonego na stronie kroju czcionki, a wtedy układ akapitu może zmienić się tak, że przedzielenie w wybranym stałym miejscu będzie niewłaściwe, za to byłoby wymagane gdzie indziej. Przykład ­ Przykład
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...wie, czym jest CSS i do czego służy. Uczeń potrafi połączyć arkusz stylów z dokumentem HTML. Uczeń stosuje podstawowe style: kolor tła i tekstu, czcionki, wyrównanie tekstu. Materiały Wstawienie arkusza stylów CSS Arkusz stylów CSS Zewnętrzny arkusz stylów Wewnętrzny arkusz stylów Styl lokalny Kolor tła oraz tekstu CSS Czcionka CSS Wyrównanie tekstu CSS Przebieg 5 min - Wprowadzenie do tematu Co to jest CSS, jak działa, dlaczego warto oddzielać wygląd od struktury...
- Podcast HTML / #1 HTML dla zielonych
...wpisz tekst</u> Przekreślenie: <s>Tu wpisz tekst</s> Indeks górny: x<sup>2</sup> (np. x2) Indeks dolny: H<sub>2</sub>O (np. H2O) Zmiana stylu czcionki (znacznik <span>) Do zmiany stylu (rozmiar, kolor, rodzaj) fragmentu tekstu używa się znacznika <span> z atrybutem style. Wartości atrybutów dla tego samego znacznika można łączyć, rozdzielając je średnikami. Rozmiar: <span style="font-size: large">Tu wpisz tekst</span> Kolor: <span style="color: red">Tu wpisz tekst</span> (np. na...
Tekst CSS / Orientacja tekstu {text-orientation}...ułożonych w taki sposób w pionie słów kluczowych. W przypadku języków azjatyckich, w których tekst tradycyjnie pisze się z góry na dół, można użyć czcionki, która ma wbudowaną pionową orientację tekstu. Wtedy zarówno w przypadku użycia wartości mixed jak i upright znaki będą ułożone jeden pod drugim i nie zostaną obrócone. Aby wymusić obrócenie, bez względu jakiej czcionki używamy i w jakim języku jest napisany tekst, należy posłużyć się wartością sideways. Zwracam uwagę, że aby ustawienie...
- Drukowanie CSS / Kontekst strony @page
...margin-right, margin-bottom, margin-left rozmiar papieru: size W deklaracjach kontekstu strony nie wolno używać jednostek "em" (wysokość czcionki) ani "ex" (wysokość małej litery), ponieważ nie istnieje w nim pojęcie czcionki. Kontekst strony definiuje wygląd samej strony - np. arkusza papieru na wydruku - a nie jej zawartości. Można w ten sposób ustawić marginesy i rozmiar strony na wydruku. Różnica pomiędzy marginesami w kontekście strony, a tradycyjnymi marginesami jest taka...
- Reguły specjalne CSS
...Zewnętrzny arkusz stylów 2 @import "adr"; @import url(adr); import stylów z innego arkusza Import arkusza stylów 1 @font-face opis czcionki Czcionki osadzone 2 @counter-style wart niestandardowy styl licznika Niestandardowy typ stylu wykazu 3 @page pudełko strony Kontekst strony 2 @page :first Okładka wydruku 2 @page :left @page :right Druk dwustronny 2 @page wart Typ strony wydruku 2 @import url(adr) wart; @media wart docelowe typy mediów...
- Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej
...kolor tła, tekstu, czcionkę. Rozumie znaczenie estetyki i dopasowania strony do treści. Materiały Kolor tła oraz tekstu HTML Wielkość i rodzaj czcionki HTML Pozioma linia Podsumowanie Powtórka Quiz i certyfikat Podcast HTML: #1 HTML dla zielonych Przebieg 10 min - Pokaz: zmiana kolorów tła i tekstu strony, wielkości i rodzaju czcionki, dodanie <hr> - z omówieniem estetyki. 15 min - Uczniowie stosują zmiany do swojej strony (dodają kolory, linie, dopasowują styl). 10 min - Quiz...
- Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia
...i deklaracji. Różnice między stylem zewnętrznym, wewnętrznym i inline. 20 min - Praca z arkuszem stylów Dodanie koloru tła i tekstu. Zmiana czcionki, rozmiaru i wyrównania tekstu. 10 min - Sprawdzenie efektów działania stylów 5 min - Zadanie domowe: zmodyfikować kolory i wyrównanie na stronie. Lekcja 4 - Tworzenie strony za pomocą szablonu Czas trwania: 45 minut Cele szczegółowe Uczeń korzysta z gotowego szablonu HTML. Uczeń wypełnia szablon własną treścią i obrazkami...
- HTML dla zielonych / Kolor tła oraz tekstu HTML <body "background-color, color">
...tekstu na całej stronie, możemy go później lokalnie (miejscowo) zmieniać za pomocą polecenia <span style="color: kolor">...</span> (zobacz: Kolor czcionki). Pytania i odpowiedzi <body "background-color, color"> Jak zmienić kolor tła i tekstu w HTML? Aby zmienić domyślny kolor tła oraz tekstu na całej stronie, najlepiej do znacznika właściwego ciała dokumentu dodać atrybut o odpowiednich wartościach. Na przykład: <body style="background-color: black; color: white">...</body> ustawi...
- Tekst HTML / Wyróżnienie <em, strong>
...tekstu. W sytuacjach kiedy szczególnie zależy nam na zwróceniu uwagi czytelnika na jakieś informacje, a nie jedynie na określonym sformatowaniu czcionki, powinniśmy użyć właśnie przedstawionych powyżej znaczników. Przykład <em, strong> <em>To jest tekst wyróżniony</em> <strong>To jest tekst o wysokiej ważności</strong> Pytania i odpowiedzi <em, strong> Jak wyróżnić tekst w HTML? Aby położyć szczególny nacisk na jakiś tekst, najlepiej umieścić go wewnątrz znacznika <em>...</em>...