styl czcionki - Kurs HTML i CSS
Komendy HTML 4.01 / FONT...angielski, LANG="pl" - polski itd.) SIZE="rozmiar" Podaje rozmiar czcionki (1...7 lub wartość względna +/-liczba) (zdeprecjonowane) STYLE="styl" Informacje stylów (CSS) TITLE="tekst" Tekst pomocniczy Znacznik otwierający: wymagany Znacznik zamykający: wymagany Wyświetlanie: w linii
- Ikony (symbole) / Formatowanie tekstu
...insert_page_break insert_page_break Oś linii line_axis line_axis Rozmieść poziomo horizontal_distribute horizontal_distribute Styl linii line_style line_style Pióro do rysowania ink_pen ink_pen Indeks górny superscript superscript Wyrównanie pionowe do środka align_vertical_center align_vertical_center Obróć na tył flip_to_back flip_to_back Wyrównanie pionowe do góry align_vertical_top align_vertical_top Wyjaśnij clarify clarify Tryb wiadomości newsmode newsmode Zawijaj tekst...
- Komendy HTML 4.01 / Wykaz atrybutów
...src SCRIPT Adres zewnętrznego skryptu standby OBJECT Informacja do pokazania podczas wczytywania start OL Numer początkowy style Wszystkie elementy oprócz BASE, BASEFONT, HEAD, HTML, META, PARAM, SCRIPT, STYLE, TITLE Informacja stylów summary TABLE Streszczenie tabeli dla przeglądarek dźwiękowych tabindex A, AREA, BUTTON, INPUT, OBJECT, SELECT, TEXTAREA Pozycja w kolejności wybierania tabulatorem target (tylko Transitional DTD) A, AREA, BASE, FORM...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...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 scenariusz cyklu lekcji oparty na podstawie programowej dla liceum i technikum z zakresu informatyki oraz materiałach ze strony Kurs HTML i CSS...
Reguły specjalne CSSW odróżnieniu od zwykłych reguł stylów, reguły specjalne rozpoczynają się zawsze znakiem "@". Poniżej znajdziesz skrócony opis wszystkich rodzajów reguł specjalnych CSS. Dokładniej na ich temat możesz przeczytać klikając odnośnik w kolumnie "Opis". Natomiast kolumna "CSS" zawiera poziom specyfikacji języka, w którym po raz pierwszy wybrana reguła została wprowadzona. Wzór Znaczenie Opis CSS @charset "wart"; strona kodowa Zewnętrzny arkusz stylów 2 @import "adr"; @import...
- Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej
...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ą indywidualnie. 10 min - Omówienie wyników, prezentacja zdobytych certyfikatów dla chętnych (można wydrukować). Zadanie końcowe / projekt Bazując na zestawie ćwiczeń do samodzielnego wykonania, uczniowie tworzą stronę internetową o dowolnym temacie (np. hobby, zwierzak, gra komputerowa)...
- Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia
...podstawy programowej Lekcja 1 - Struktura HTML i pierwsza strona Lekcja 2 - Dodawanie obrazków i linków Lekcja 3 - Formatowanie strony i style CSS Lekcja 4 - Tworzenie strony za pomocą szablonu Lekcja 5 - Elementy programowania: proste skrypty JavaScript Zadanie końcowe / projekt Podsumowanie Wstęp Poniżej znajdziesz scenariusz cyklu lekcji oparty na podstawie programowej dla branżowej szkoły I stopnia z zakresu informatyki oraz materiałach ze strony Kurs HTML i CSS. Lekcje...
- Dziedziczenie stylów CSS / Odwołanie wartości {...: unset}
...to, czy podlegają dziedziczeniu. Przykład {...: unset} To jest akapit koloru zielonego. Do jego elementów podrzędnych został przypisany specjalny styl powodujący, że każde pogrubienie, które się znajduje wewnątrz niego, przyjmie atrybut koloru czcionki (biały), koloru tła (niebieski) oraz koloru obramowania (czerwony). Do elementów podrzędnych tego akapitu został jednak przypisany drugi styl. Dzięki niemu jeśli umieścimy pogrubienie wewnątrz pochylenia, jego kolor tekstu, tła oraz...
- Rozmiary CSS / Szerokość i marginesy automatyczne
...do brakującej szerokości bloku obejmującego, wynikającej z mniejszej wartości sumy pozostałych składników równania. Przykład: Po wpisaniu: <div style="width: 600px"> <div style="margin-left: auto; border-left: 5px solid red; padding-left: 10px; width: 400px; padding-right: 10px; border-right: 5px solid red; margin-right: 20px">...</div> </div> powinniśmy otrzymać na ekranie blok, którego lewy margines wynosi: 600 - 5 - 10 - 400 - 10 - 5 - 20 = 150 pikseli UWAGA! W trybie Quirks...
- Komendy CSS 2 / font-style
WARTOŚĆ normal | italic | oblique | inherit OPIS Styl czcionki INICJALIZACJA normal ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY nie MEDIA visual