tekst kolor - Kurs HTML i CSS
Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej...po 45 minut, z pracą domową i elementami pracy własnej uczniów. Cel ogólny cyklu lekcji Uczeń tworzy prostą stronę internetową zawierającą tekst i grafikę, dostosowując jej wygląd do treści i przeznaczenia. Wymagania podstawy programowej Uczeń: przygotowuje dokumenty i prezentacje z wykorzystaniem aplikacji komputerowych; dostosowuje format i wygląd opracowań do treści; tworzy prostą stronę internetową zawierającą tekst i grafikę. Lekcja 1 - Wprowadzenie do HTML i struktury...
Tekst HTML / Podkreślenie <u><u>...</u> wyświetlanie: w linii Pozwala podkreślić fragment tekstu (ang. "underline"). Oznacza nieartykułowany tekst albo oznaczenie błędu ortograficznego. Przykład <u> Ten tekst jest podkreślony Podkreślenie innym kolorem Stosując pewną "sztuczkę", można sprawić, aby kolor linii podkreślenia różnił się od koloru tekstu: <u style="color: red"><span style="color: black">To jest czarne podkreślenie czerwoną linią</span></u> gdzie w miejsce wyróżnionych wyrazów należy wpisać definicje...
Menu w CSS / Poziome menu...0; } ul li { display: inline; white-space: nowrap; } Efekt: Czcionki Tekst Tło Marginesy Obramowanie Dodatkowo blokujemy zawijanie tekstu (white-space: nowrap), aby w przypadku gdy linki nie zmieszczą się w jednej linii, przełamanie wiersza nastąpiło pomiędzy nimi, a nie wewnątrz nich. Zalety: Prawidłowa interpretacja w większości przeglądarek Możliwość łatwego wyrównania odnośników do lewej lub prawej strony, a także wyśrodkowania Nie wpływa na elementy znajdujące się...
- Media CSS / Zapytania mediów
...posługuje się siatką o stałej szerokości znaku. Może to mieć miejsce w prostych terminalach i telefonach komórkowych starego typu, gdzie cały tekst był wyświetlany jedną czcionką o stałej wysokości. Ma to miejsce również w przypadku urządzeń do czytania braillem oraz drukarek tego typu - używanych przez osoby niewidome. Przykład @media Zobacz przykładowe zapytania mediów na swoim urządzeniu
- Tekst HTML / Wykaz <ul, ol, li>
...<ul, li> <ul> <li>Punkt pierwszy</li> <li>Punkt drugi</li> <li>Punkt trzeci</li> </ul> wyświetlanie: w bloku Zwracam uwagę, że w obrębie wykazu tekst i inne elementy można wstawiać tylko wewnątrz znaczników punktów wykazu, a nie poza nimi! Zatem poniższy kod będzie nieprawidłowy: <ul> Wykaz... <li>Punkt pierwszy</li> <br> <li>Punkt drugi</li> <br> </ul> Przykład <ul, li> Punkt pierwszy Punkt drugi Punkt trzeci Dla zainteresowanych Jeśli za mało Ci typów wypunktowania wykazów...
- Dziedziczenie stylów CSS / Wymuszenie dziedziczenia {...: inherit}
...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 oraz tła przyjmą wartość "inherit". Zatem zostaną odziedziczone z akapitu (tekst będzie zielony). Dla zainteresowanych Powyższy efekt został uzyskany przy pomocy selektora typu i selektora potomka umieszczonych w arkuszu stylów: p { color: green; } p b { color: white; background-color: blue; } p i b { color: inherit; background-color...
- HTML dla zielonych / Znaczniki HTML
Poza zwykłym tekstem na stronę możesz wprowadzić znaczniki (tzw. tagi). Znacznik jest to specjalny tekst umieszczony w nawiasach ostrych - np.: <b>. Jest on częścią składni języka HTML i pozwala sterować wyglądem strony. Dzięki niemu możesz np. ustalić kolor tła, rodzaj formatowania tekstu, wstawić obrazek czy tabelę itd. Znacznik nie jest widoczny na ekranie. Widoczne są tylko efekty jego działania (np. wstawienie obrazka). Ja sam aby umieszczony powyżej znacznik <b> był widoczny, musiałem się...
- Multimedia HTML / Obrazek HTML <img>
...graficzne Wszystkie obrazki najlepiej powinny być zapisane w jednym z trzech formatów: GIF - dla rysunków składających się z mniej niż 256 kolorów, np. przyciski menu i inne "ręcznie" rysowane ozdobniki. Format ten obsługuje przezroczystość. JPG - dla zdjęć wielokolorowych. Nie obsługuje przezroczystości. PNG - pozwala zapisywać z bardzo dobrą jakością zarówno ręcznie rysowane grafiki jak i zdjęcia. Obsługuje kompresję oraz zarówno pełną przezroczystość jak i półprzezroczystość...
- Komendy HTML 4.01 / TABLE
...CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej FRAME="krawędzie" Określa, które krawędzie ramki otaczającej tabelę będą widoczne: above - tylko górna krawędź below - tylko dolna krawędź border - wszystkie cztery krawędzie box - wszystkie cztery krawędzie hsides - tylko górna i dolna krawędź lhs - tylko lewa krawędź rhs...
- Komendy HTML 4.01 / TD
Komórka danych w tabeli (TABLE). Zawiera się wewnątrz wierszy (TR). Zobacz więcej... Atrybuty: ABBR="tekst" Dostarcza skrótu zawartości komórki ALIGN="ustawienie" Ustawienie i wyrównanie zawartości komórek: center - wyśrodkowanie (domyślnie) char - wyrównanie tekstu wokół określonego znaku justify - wyrównanie tekstu do obu stron jednocześnie left - do lewej strony right - do prawej strony AXIS="kategoria" Do umiejscowienia komórki w kategorii pojęciowej BGCOLOR="kolor" Kolor tła...