czcionka tekst - Kurs HTML i CSS
Komendy HTML 4.01 / Wykaz elementów...BASEFONT wymag/zabr w linii Czcionka bazowa BDO wymag/wymag w linii Algorytm dwukierunkowego tekstu BIG wymag/wymag w linii Duża czcionka BLOCKQUOTE wymag/wymag w bloku Długi cytat BODY opcj/opcj Ciało dokumentu BR wymag/zabr w linii Przełamanie linii BUTTON wymag/wymag w linii Przycisk CAPTION wymag/wymag Tekst nagłówkowy tabeli CENTER wymag/wymag w bloku Wyśrodkowanie CITE wymag/wymag w linii Odwołanie do źródła CODE...
Czcionki CSS / Czcionki osadzone @font-face...pozwalający używać na stronie WWW dowolne czcionki, bez obawy o niepoprawne wyświetlanie. Możliwe jest umieszczenie na serwerze specjalnego pliku z czcionkami, z którego korzysta przeglądarka, podczas wyświetlania strony. Nawet jeśli użytkownik nie będzie posiadał wymaganego kroju, zostanie on automatycznie pobrany z Internetu i dynamicznie tymczasowo zainstalowany w jego systemie. Użytkownik nie będzie mógł z takiej czcionki korzystać po wyjściu z serwisu - chroni to prawa autorskie...
- Ikony (symbole) / Formatowanie tekstu
...format_list_numbered Zadanie oddane assignment_turned_in assignment_turned_in Etykieta tag tag Wykres tabeli table_chart table_chart Pola tekstowe text_fields text_fields Dostosuj pulpit nawigacyjny dashboard_customize dashboard_customize Instrukcje integracji integration_instructions integration_instructions Notatka samoprzylepna 2 sticky_note_2 sticky_note_2 Formatuj pogrubienie format_bold format_bold Znajdź na stronie find_in_page find_in_page Zmień kolejność reorder...
- Dobre praktyki / Przykazania webmastera
...być czytelna bez grafiki Oznacza to np. że nie możesz wstawiać treści artykułów w postaci obrazków tylko dlatego, że spodobała Ci się fantazyjna czcionka, która standardowo nie jest dostępna w popularnych systemach operacyjnych. A jeśli użytkownik będzie chciał zaznaczyć kawałek takiego "tekstu"? Jeśli już naprawdę musisz użyć niestandardowego fontu, dla krótkich nagłówków możesz skorzystać z techniki zamiennika obrazkowego, a dla obszerniejszych akapitów - z czcionek osadzonych. Stosuj...
- Tekst CSS / Orientacja tekstu {text-orientation}
...Natomiast jako "orientacja" należy podać: mixed - znaki tekstu ułożone pionowo na boku czyli obrócone o kąt 90° (domyślnie), chyba że użyta czcionka obsługuje pionową orientację upright - znaki tekstu ułożone pionowo zawsze jeden pod drugim sideways - znaki tekstu ułożone pionowo zawsze na boku czyli obrócone o kąt 90°, bez względu czy czcionka obsługuje pionową orientację Tryb pisania w języku CSS pozwala ułożyć w pionie każdy tekst, nawet jeśli nie jest to naturalne ustawienie...
- Czcionki CSS / Wariant liczb czcionki {font-variant-numeric}
...w bieżącej czcionce w taki sposób, aby wszystkie zajmowały taką samą szerokość. Pozwala na to wariant czcionki: tabular-nums. Niestety nie każda czcionka udostępnia wszystkie warianty formatowania liczb. Niedostępne mogą być zwłaszcza warianty: ordinal, slashed-zero i stacked-fractions. Ponadto jeżeli czcionka nie będzie zawierać wariantu tabular-nums, przeglądarka może zasymulować podobny efekt dopasowując odstępy między sąsiednimi liczbami. W niektórych przypadkach wymaga to jednak aby...
- Czcionki CSS / Wariant pozycji czcionki {font-variant-position}
...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 tekście. Co więcej w języku CSS mamy dodatkowo możliwość ustalania pozycji tekstu w pionie formatując nawet zwykły tekst w taki sposób, aby wyglądał jak...
- Czcionki CSS / Atrybuty mieszane czcionki {font}
...Czcionki systemowe {font: caption icon menu message-box small-caption status-bar} Jako "wartości atrybutów" własności font można podać: caption - czcionka używana do podpisanych kontrolek (np. przycisków, rozwijalnych list) icon - czcionka etykiet ikon menu - menu message-box - okna dialogowe small-caption - etykiety małych kontrolek status-bar - pasek statusu okna Przykład {font: caption icon menu small-caption status-bar} font: caption font: icon font: menu font: message-box...
- Formularze HTML / Przycisk <button>
...przy pomocy zamieszczonego generatora. ✅ Rozpocznij konfigurację formularza Przykład <button> Treść przycisku: pogrubienie pochylenie podkreślenie czcionka 'Courier New' kolor czerwony mała czcionka Wykaz: Punkt pierwszy Punkt drugi Przykład z obrazkiem: Przykład z tabelką: komórka1 komórka2 komórka3 komórka4 Przycisk zablokowany!Ten przycisk jest zablokowany - disabled (nie obsługuje Opera 6). W niektórych systemach operacyjnych i przeglądarkach wygląd przycisków o dużych...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...Wymagania podstawy programowej Lekcja 1 - Struktura dokumentu HTML, podstawowe znaczniki Lekcja 2 - Wstawianie obrazków i podstawowe formatowanie tekstu Lekcja 3 - Listy i tabele w HTML Lekcja 4 - Multimedia w HTML: video, audio, widżety (iframe) Lekcja 5 - Wprowadzenie do CSS: podstawowe style i struktura arkuszy Lekcja 6 - Klasy CSS, ramki, marginesy, tapety, interakcje Lekcja 7 - Publikacja strony internetowej Zadanie końcowe / projekt Podsumowanie Wstęp Poniżej znajdziesz...