pogrubienie tekstu - Kurs HTML i CSS
Dziedziczenie stylów CSS / Przywrócenie wartości pierwotnej {...: revert}...Przykład {...: revert} 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) oraz koloru tła (niebieski), ale tekst nie będzie wytłuszczony. 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, a także waga czcionki przyjmą...
- Selektory elementów CSS / Grupowanie selektorów
...im wszystkim ten sam styl. Przykład Jeśli w arkuszu stylów strony została umieszczona następująca reguła: b, i { color: red } to po wpisaniu: <b>pogrubienie</b> <i>pochylenie</i> otrzymamy tekst, napisany w całości czcionką koloru czerwonego: pogrubienie pochylenie Przykład ten działa tak samo jak: b { color: red } i { color: red } jednak jak widać, dzięki użyciu znaku przecinka, oszczędzamy sobie pisania. Dodatkowo jeśli kiedyś musielibyśmy zmienić ustalony wcześniej dla tych...
Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej...stronę internetową o dowolnym temacie (np. hobby, zwierzak, gra komputerowa), zawierającą: tytuł, 2 akapity tekstu z różnym formatowaniem (np. pogrubienie, kolor, czcionka), przynajmniej 1 obrazek, przynajmniej 2 linki (w tym jeden obrazkowy), elementy estetyczne (tło, <hr>, układ graficzny). Podsumowanie Cykl lekcji spełnia wymagania podstawy programowej: uczniowie tworzą prostą stronę HTML z tekstem i grafiką, dostosowują jej wygląd do tematu, korzystają z edytora online i...
- Czcionki CSS / Wariant wielkości liter czcionki {font-variant-caps}
...Czasami w ten sposób prezentuje się nagłówki, tytuły i inne fragmenty tekstu, które wymagają specjalnego wyróżnienia, a zwyczajne pochylenie czy pogrubienie z jakichś względów nie jest odpowiednie. Jeśli zależy Ci na obsłudze również starszych przeglądarek, zamiast tego polecenia użyj: "font-variant: small-caps". Niestety tylko ten jeden wariant (zwykłe kapitaliki) ma szerokie wsparcie i tylko przy użyciu własności font-wariant, a nie font-variant-caps. Przykład {font-variant-caps}...
- Dziedziczenie stylów CSS / Przywrócenie wartości domyślnej {...: initial}
...oraz podkreślenie, którym nie zostały nadane żadne style, a więc dziedziczą je po przodku, czyli po akapicie (są również zielone). A to jest pogrubienie, które znajduje się także wewnątrz tego samego akapitu, ale został mu nadany atrybut koloru czcionki oraz koloru tła jako "initial" i dlatego nie odziedziczył stylu po przodku. Oczywiście w powyższym przykładzie moglibyśmy po prostu ustawić kolor tekstu pogrubienia na czarny, a tło na białe. Jednak warto pamiętać, że nie w każdej...
HTML dla zielonych / Łączenie znaczników i atrybutów HTML <p "text-align", span "font-size, color", b, i, u>Wszystkie powyższe parametry (atrybuty i znaczniki: akapit, wielkość czcionki, kolor czcionki, pogrubienie, pochylenie, przekreślenie) dotyczące tekstu można łączyć, np. po wpisaniu w edytorze: <p style="text-align: center"><span style="font-size: large; color: red"><b><i><u> To jest jakiś tekst </u></i></b></span></p> otrzymamy: To jest jakiś tekst Zauważ, że znaczniki zamykamy w kolejności odwrotnej jak je otwieraliśmy. Czyli najpierw zamykamy znacznik, który został otwarty jako ostatni...
- HTML5 / Element edytowalny <... contenteditable>
...próby wklejenia tekstu ze schowka systemowego (poprzez skrót klawiaturowy Ctrl+V albo opcję "Wklej" z menu kontekstowego), który zawiera np. pogrubienie, wszelkie formatowanie zostanie wcześniej z niego wyczyszczone (tekst po wklejeniu nie będzie pogrubiony). Podanie wartości contenteditable="plaintext-only" w przeglądarkach, które jej nie obsługują, może spowodować, że element w ogóle nie będzie edytowalny. Pytania i odpowiedzi <div contenteditable> Jak zrobić edytowalny kod...
- Podcast HTML / #3 Tekst HTML
...grupowania elementów służy również blok <div>. W linii: Elementy są wyświetlane normalnie, obok siebie, bez dodatkowych interlinii. Przykładem są: pogrubienie (<b>), kursywa (<i>) oraz podkreślenie (<u>). Kluczowa rola semantyki W HTML rozróżniamy znaczniki formatujące i znaczniki semantyczne. Znaczniki formatujące (np. <b>) mają za zadanie tylko i wyłącznie zmienić wygląd tekstu. Znaczniki semantyczne, takie jak <strong> (wysoka ważność lub pilność) i <em> (emfaza, czyli szczególny...
- Pozycjonowanie CSS / Pozycja relatywna {position: relative}
...o 50px (pikseli), a od górnej o 45px. Położenie spoczynkowe Przykład pozycjonowania tekstu: To jest tekst powiększony To jest pozycjonowane pogrubienie tekstu Pozycjonowanie tabel: komórka1 komórka2 komórka3 komórka4 komórka1 komórka2 komórka3 komórka4 komórka1 komórka2 komórka3 komórka4 Pozycjonowanie odsyłaczy (możesz je klikać): Pozycjonowanie relatywne Pozycjonowanie absolutne Nakładanie Pytania i odpowiedzi {position: relative} Jak ustawić pozycję w CSS...
- Odsyłacze HTML / Odsyłacz obrazkowy <a href, img>
...a </a>) można umieszczać nie tylko tekst, ale również inne znaczniki (z wyjątkiem blokowych) - m.in. odpowiadające za zmianę wyglądu tekstu (pogrubienie, pochylenie itd.), czy też wstawienie obrazka. Odsyłacz obrazkowy (link zawierający obrazek) zostanie uruchomiony, gdy klikniemy myszką grafikę, do której podajemy ścieżkę dostępu. Dzięki niemu możemy stworzyć np. efektowne przyciski odsyłaczowe w menu strony. Obrazki przycisków najlepiej zapisywać w formacie GIF bądź PNG, a większe...