czcionki - Kurs HTML i CSS
Ikony (symbole) / Formatowanie tekstu...amp_stories amp_stories Umowa contract contract Zewnętrzne obramowanie border_outer border_outer Finanse Chip finance_chip finance_chip Próbka czcionki type_specimen type_specimen Obróć tekst pionowo text_rotate_vertical text_rotate_vertical Wewnętrzny margines padding padding Skrypt aplikacji formularzy forms_apps_script forms_apps_script Licznik 3 counter_3 counter_3 Przegląd overview overview Edytuj umowę contract_edit contract_edit Obramowanie pionowe border_vertical...
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...
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...
- 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...
- 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 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 z kursu - uczniowie pracują...
- 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>...
- Komendy HTML 4.01 / Wykaz atrybutów
...klienta shape AREA Kształt obszaru w mapie odnośników size BASEFONT (wymagany) Czcionka bazowa dla elementów FONT size FONT Rozmiar czcionki, np.: size="+1", size="4" size HR Rozmiar poziomej linii size INPUT Rozmiar pola formularza size SELECT Liczba widocznych wierszy span COL Liczba kolumn na które oddzłują atrybuty COL span COLGROUP Domyślna liczba kolumn w grupie src FRAME, IFRAME Źródło zawartości ramki src IMG (wymagany) Adres...