czcionki html - Kurs HTML i CSS
Aktualizacja / System newsów...należy skopiować poniższy kod i zapisać go w pliku z rozszerzeniem *.css - np. news.css: /* Tytuł: */ .news dt { font-size: 14px; /* rozmiar czcionki */ text-align: left; /* wyrównanie tekstu: left, right, center, justify */ padding: 5px; /* margines wewnątrz */ border-width: 1px; /* grubość obramowania */ border-style: solid; /* styl obramowania: solid, dashed, dotted, double, groove, ridge, inset, outset */ border-color: gray; /* kolor obramowania */ font-weight: bold; }...
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...
- Języki / Strony kodowe
...powiększenie pliku nie jest duże. Dodatkowo znaki Unicode nie zawsze są poprawnie wyświetlane (jeśli np. użytkownik nie posiada odpowiedniej czcionki Unicode), chociaż z tym jest już coraz lepiej i dzisiaj praktycznie nie stanowi to już problemu. Aby zapisywać znaki za pomocą Unicode, trzeba się zaopatrzyć 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...
- Podcast HTML / #3 Tekst HTML
...wyszukiwarek, które są "niewidome". Docenią one, jeśli użyjemy nagłówków <h1> do <h6> zgodnie z ich przeznaczeniem, a nie tylko dla zmiany rozmiaru czcionki. Syntezatory mowy (dostępność): znaczniki semantyczne mają ogromne znaczenie dla syntezatorów mowy używanych przez osoby niewidome. Na przykład, kiedy syntezator natrafi na <strong>, może specjalnie podkreślić tonem głosu zawarty w nim tekst. Inne istotne znaczniki to <abbr> (skrót/akronim) i <var> (zmienna). W przypadku dłuższych...
- 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
- Tekst HTML / Kod poprawny semantycznie
...pomyłka organizacji W3C, że wprowadzono znacznik <h1>...</h1> (tytuł rozdziału), skoro ten sam efekt można uzyskać dobierając odpowiedni rozmiar czcionki? Otóż na pewno nie jest to pomyłka. Z punktu widzenia użytkownika w języku HTML wyróżniamy dwa podstawowe typy elementów określających atrybuty tekstu: Znaczniki formatujące - mają za zadanie tylko i wyłącznie zmienić wygląd tekstu, który obejmują, bez żadnego odniesienia do znaczenia tego tekstu. Są to np.: B (pogrubienie), I...
Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?...clip oraz behavior, text-autospace i layout-grid. W trybie zgodności dla własności font musimy obowiązkowo podać przynajmniej wielkość i rodzaj czcionki, w przeciwnym razie cała deklaracja zostanie zignorowana. Wcześniejsze wersje Internet Explorera przyjmowały także częściowe ustawienia. Dotyczy to również przeglądarki Opera. W trybie zgodności każda wartość określająca długość musi mieć obowiązkowo podaną jednostkę. Wartości bez jednostek lub z wstawioną spacją między liczbą a...
- Czcionki CSS / Wariant pozycji czcionki {font-variant-position}
...Dzięki użyciu zapytań właściwości poniższy arkusz stylów zostanie zastosowany tylko w przeglądarkach obsługujących wariant pozycji czcionki. W pozostałych przypadkach po wstawieniu w tekście indeksu dolnego lub górnego wysokość linii co prawda się powiększy, ale przynajmniej wygląd indeksów nie będzie popsuty: @supports (font-variant-position: sub) { sub { vertical-align: baseline; font-size: 100%; line-height: inherit; font-variant-position: sub; } } @supports...
- Wstawianie stylów CSS / Zewnętrzny arkusz stylów <link "stylesheet"> @charset
...wszystkie nasze strony w obrębie całego serwisu mogą mieć pewne wspólne cechy. Dodatkowo jeśli w ostatniej chwili zdecydujemy się zmienić np. rodzaj czcionki na wszystkich stronach, możemy to zrobić, modyfikując jedynie zewnętrzny arkusz stylów, bez konieczności zmiany każdej strony osobno. Pozwala to zaoszczędzić mnóstwo czasu (zwłaszcza niezdecydowanym 😉). Wstawienie takiego zewnętrznego arkusza stylów jest bardzo proste. Wystarczy wpisać w treści nagłówkowej każdego z dokumentów...
- Media CSS / Wybór medium @media
...{ font-size: 12pt } } @media screen, print { body { line-height: 1.2 } } Powyższe polecenia, wpisane w arkuszu stylów, definiują rozmiar czcionki 10pt dla wydruku, 12pt dla ekranu komputerowego oraz wysokość linii 1.2 jednocześnie dla ekranu i wydruku.