tekstu - Kurs HTML i CSS
Komendy CSS3 / Tekst CSS...Rozmiar znaku tabulacji Wartość <number> | <length> Inicjalizacja 8 Zastosowanie tekst Dziedziczenie tak Procenty nie text-align Wyrównanie tekstu Wartość start | end | left | right | center | justify | match-parent | justify-all Inicjalizacja start Zastosowanie elementy blokowe Dziedziczenie tak Procenty zobacz cechy indywidualne text-align-all Domyślne wyrównanie tekstu Wartość start | end | left | right | center | justify | match-parent Inicjalizacja start Zastosowanie...
- Czcionki CSS / Wariant wielkości liter czcionki {font-variant-caps}
...tekst napisany wielkimi literami, lecz czcionką o wysokości zbliżonej np. do małej litery "x" all-small-caps - kapitaliki zastosowane do całego tekstu bez względu, czy oryginalnie znajdowały się w nim małe czy wielkie litery petite-caps - niższe kapitaliki (jeżeli czcionka nie zawiera takiego wariantu, działa tak samo jak small-caps) all-petite-caps - niższe kapitaliki zastosowane do całego tekstu bez względu, czy oryginalnie znajdowały się w nim małe czy wielkie litery (jeżeli czcionka...
- Dziedziczenie stylów CSS / Przywrócenie wartości domyślnej {...: initial}
...opisane w kolejnych rozdziałach. Dziedziczenie stylów to bardzo przydatna funkcja w języku CSS. Dzięki niej nie musimy definiować np. koloru tekstu dla każdego elementu strony osobno. Zdarzają się jednak przypadki, kiedy takie zachowanie może nie być dla nas pożądane. Na szczęście istnieje sposób na odwołanie jego efektów dla wybranych sytuacji. Każda cecha CSS ma określoną wartość domyślną, która zostanie przyjęta, jeśli nie określimy inaczej. Na przykład dla wartości koloru tekstu...
- Dziedziczenie stylów CSS / Odwołanie wartości {...: unset}
...zostaną opisane w kolejnych rozdziałach. Nie wszystkie cechy CSS podlegają dziedziczeniu. Wydaje się logiczne, że jeśli ustawimy określony kolor tekstu, to chcemy, aby również każdy z elementów podrzędnych miał właśnie taki kolor. Ale gdybyśmy w ten sposób postąpili np. z obramowaniem, efekt byłby dziwaczny - każdy element podrzędny byłby ujęty w oddzielną ramkę. Z tego właśnie powodu obramowanie jest jedną z cech CSS niepodlegających dziedziczeniu. W rozdziałach: Komendy CSS 2 oraz...
HTML5 / Tryb wpisywania <... inputmode>...ekranowej. Jest przydatne, jeśli na stronie wyświetlamy własną kontrolkę klawiatury. text - klawiatura ekranowa umożliwiająca wprowadzanie tekstu w lokalnym języku użytkownika. tel - klawiatura ekranowa umożliwiająca wprowadzanie numerów telefonów. Powinna zawierać klawisze dla cyfr od 0 do 9, znak "#" oraz znak "*". W niektórych lokalizacjach może również zawierać etykiety mnemoniczne liter (np. w USA klawisz oznaczony "2" jest historycznie oznaczony także literami A, B i C). url...
Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia...Uczniowie otwierają edytor HTML i tworzą nowy dokument. Dodają tytuł i nagłówek. 15 min - Ćwiczenie praktyczne Uczniowie dodają akapity tekstu i zapisują plik HTML. Otwierają stronę w przeglądarce. 10 min - Omówienie efektów pracy i błędów Lekcja 2 - Dodawanie obrazków i linków Czas trwania: 45 minut Cele szczegółowe Uczeń wstawia obrazki do strony. Uczeń tworzy odsyłacze do innych stron. Materiały Wstawienie obrazka HTML Odsyłacze HTML Podcast HTML: #1 HTML dla...
- HTML dla zielonych / Koniec linii HTML <br>
...gdzie ma być ona zakończona, znacznik <br>. Np. wpisanie w edytorze: To jest pierwsza linia...<br> a to jest druga linia. spowoduje wyświetlenie tekstu: To jest pierwsza linia... a to jest druga linia. Jeśli postawisz obok siebie więcej niż jeden znacznik <br>, możesz "zejść" kilka linijek niżej, np. wpisanie: To jest pierwsza linia...<br><br><br> ...a to jest kolejna linia. spowoduje wyświetlenie: To jest pierwsza linia... ...a to jest kolejna linia. Zwróć uwagę, że samego znacznika...
- Tekst HTML / Kod komputerowy <code>
...wprowadzić fragment kodu komputerowego ("wyciąg" z programu lub źródła dokumentu), który jest napisany czcionką monotypiczną (tak jak w przypadku tekstu preformatowanego). Nie uwzględnia on jednak dodatkowych spacji, tabulacji ani znaków końca linii (trzeba używać <br>) oraz jest automatycznie zawijany. Ponieważ powyższy znacznik nie uznaje znaków końca linii, dodatkowych spacji, a także nie blokuje zawijania tekstu na ekranie, zamiast niego często używa się tekstu preformatowanego...
- HTML dla zielonych / Tekst pogrubiony HTML <b>
<b>Tu wpisz tekst</b> Znacznik ten pozwala pogrubić (wytłuścić) część tekstu (ang. bold), który się wewnątrz niego znajduje. Podobna funkcja jest zwykle dostępna w zwykłych edytorach (np.: WordPad), podczas tworzenia normalnego dokumentu tekstowego. Przykład <b> Po wpisaniu w edytorze HTML następującego kodu: <b>Ten tekst jest pogrubiony (wytłuszczony)</b> na ekranie przeglądarki otrzymamy: Ten tekst jest pogrubiony (wytłuszczony) Pytania i odpowiedzi <b> Jak zrobić pogrubiony tekst...
- HTML dla zielonych / Kolor czcionki HTML <span "color">
...(akwamaryna). Jak używać kolorów w HTML? Jednym z najczęstszych sposobów, jak używamy kolorów na stronach internetowych, jest zmiana barwy tekstu. Domyślnie każdy tekst będzie napisany zwykle kolorem czarnym albo ewentualnie białym - w przypadku ustawienia ciemnego motywu w systemie operacyjnym bądź przeglądarce internetowej. Aby zmienić kolor tekstu na inny, wystarczy objąć go znacznikiem z przypisanym atrybutem o odpowiedniej wartości. Na przykład: <span style="color...