body style - Kurs HTML i CSS
Marginesy CSS / Górny margines wewnętrzny {padding-top}...strona posiada domyślnie ustalone niezerowe marginesy wewnętrzne. Jeżeli chcemy je zlikwidować, należy do selektora BODY przypisać następujący styl: body { padding: 0 } Przykład {padding-top} Tekst w tej komórce tabeli jest oddalony od górnego brzegu obramowania o 1cm (padding-top: 1cm) Rzeczywiście w wielu przypadkach, praktycznie nie można ich odróżnić, np.: Dla tego akapitu został określony margines wewnętrzny po lewej stronie, który wygląda tak samo, jak zwykły margines (margin)...
- Wstawianie stylów CSS / Zewnętrzny arkusz stylów <link "stylesheet"> @charset
...rozdział HTML5: Wstępne ładowanie, Priorytet ładowania. Przykład <link "stylesheet"> A oto przykładowy zewnętrzny arkusz stylów: /* SELEKTORY: */ body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #003868; background-color: #80B8E8; margin: 6mm; } p { text-align: justify; } pre, code { font-size: 8pt; } Strona kodowa @charset Jeżeli arkusz stylów zawiera narodowe znaki diakrytyczne, konieczne może być określenie strony kodowej. Można to zrobić...
HTML dla zielonych / Jak zrobić dobrą stronę HTML...koniecznie podporządkować się takiemu kanonowi, lecz jeżeli chcesz uzyskać podobną strukturę, we właściwej treści strony (BODY) wpisz np.: <header style="text-align: center">Tutaj można umieścić logo serwisu</header> <nav style="width: 300px; float: left; overflow: hidden"> Tu umieszcza się odsyłacze spisu treści </nav> <article style="margin-left: 320px"> Tu wpisuje się treść strony </article> <footer style="text-align: center; clear: both">Tutaj można umieścić stopkę serwisu</footer> a...
Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia...Tekst HTML Przebieg 10 min - Wprowadzenie do HTML Omówienie budowy dokumentu HTML5. Wyjaśnienie znaczenia elementów <html>, <head>, <body>. 10 min - Praca z edytorem 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...
- Tekst CSS / Kolor tekstu {color}
...tekst? Aby stworzyć kolorowy tekst w HTML, możesz użyć znacznika <span>, wewnątrz którego umieścisz tekst, a następnie wykorzystać atrybut style="..." lub CSS do ustalenia koloru tekstu. Na przykład: <span style="color: red">Kolorowy tekst</span>. Jak ustawić kolor RGB w CSS? Aby ustawić kolor w formacie RGB w CSS, możesz użyć właściwości color i podać wartość w formie rgb(R, G, B), gdzie R, G i B to liczby od 0 do 255 reprezentujące składowe czerwonej, zielonej i niebieskiej...
- HTML5 / Zmienione elementy i atrybuty HTML5
...interfejsu użytkownika mogą zawierać wyłącznie kod skryptu, napisany w języku JavaScript. start, type Dla elementu OL nie są już zdeprecjonowane. style Może zawierać wyłącznie kod CSS - jako języka formatowania. tabindex Przyjmuje również wartości ujemne, co oznacza, że element może zostać aktywowany, ale nie za pomocą klawisza tabulatora. target Dla znaczników A i AREA nie jest już zdeprecjonowany. Może być przydatny w połączeniu z IFRAME. type Nie jest już konieczny dla elementów...
- Dziedziczenie stylów CSS / Hierarchia elementów
...(przejmują) atrybuty formatowania, które zostały nadane ich przodkom. Dzięki temu można nadawać ogólne reguły stylów wyższym elementom (np. znacznik body), co pozwala uniknąć powielania tych samych deklaracji dla każdego elementu z osobna. Dziedziczenie zwiększa przejrzystość kodu CSS, ułatwia jego modyfikację oraz zapewnia spójność wizualną całej strony. Przykład To jest akapit koloru zielonego, wewnątrz którego znajduje się: pochylenie oraz podkreślenie, którym nie zostały nadane żadne...
- Czcionki CSS / Wielkość czcionki {font-size}
...na 16 pikseli. Jak powiększyć czcionkę HTML? Aby powiększyć czcionkę w HTML, można użyć znacznika <span> lub <div> z odpowiednią klasą lub stylem CSS. Na przykład: <span style="font-size: larger">Tekst powiększony</span>. Ile mm ma czcionka 12? Wielkość czcionki CSS podawana w punktach (pt) jak również w pikselach (px), nie jest bezpośrednio przeliczalna na fizyczne milimetry widoczne na ekranie komputera lub smartfona. Jednak przybliżona konwersja to około 4.23mm dla czcionki...
- Komendy HTML 4.01 / Wykaz elementów
Element Znacznik otwierający/ zamykający Wyświetlanie Opis A wymag/wymag w linii Kotwica ABBR wymag/wymag w linii Forma skrócona ACRONYM wymag/wymag w linii Akronim ADDRESS wymag/wymag w bloku Informacje o autorze APPLET wymag/wymag w linii Aplet AREA wymag/zabr Obszar w mapie odnośników klienta B wymag/wymag w linii Tekst pogrubiony BASE wymag/zabr Adres bazowy BASEFONT wymag/zabr w linii Czcionka bazowa BDO wymag/wymag...
Menu rozwijane, otwierane, wysuwane / Pozycja absolutna...na stałe fragmenty innych elementów strony, które znajdują się poniżej określonej pozycji. Dlatego pozycję należy ustalać nie poprzez atrybut style="..." ani wewnętrzny czy zewnętrzny arkusz stylów, tylko modyfikując fragment kodu wywołujący skrypt: <script> new Menu('menu0', 'position: absolute'); </script> Powyższy sposób pozycjonuje blok menu w miejscu, w którym został wstawiony, ale rozwijanie i zwijanie nie powoduje już żadnych przesunięć pozostałych elementów strony. Można...