Formatowanie tekstu
Pogrubianie, pochylanie i podkreślanie tekstu
Formatowanie tekstu to bezpłatna lekcja HTML for Kids na CoddyKit. To lekcja 4 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej HTML for Kids, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs HTML for Kids zawiera 4 lekcji w sumie.
Formatowanie tekstu
Witamy w kolejnej lekcji! Dzisiaj nauczymy się formatować tekst w HTML, aby wyświetlać go pogrubioną, pochyloną lub podkreśloną czcionką, a także stosować wiele innych efektów. Zaczynajmy!
Po co formatować tekst?
Formatowanie tekstu pomaga:
- Podkreślać ważne informacje.
- Ułatwiać czytanie strony internetowej.
- Poprawiać atrakcyjność wizualną treści.
Poznajmy różne sposoby formatowania tekstu w HTML!
Pogrubianie tekstu
Użyj znacznika <strong> lub <b>, aby pogrubić tekst. Oba działają podobnie, ale <strong> służy do oznaczania ważnego tekstu.
Przykład:
<p>This is <strong>important</strong> text.</p>
<p>This is <b>bold</b> text.</p>
Pochylanie tekstu
Użyj znacznika <em> lub <i>, aby pochylić tekst. <em> dodaje wyróżnienie, natomiast <i> służy wyłącznie do stylowania.
Przykład:
<p>This is <em>emphasized</em> text.</p>
<p>This is <i>italicized</i> text.</p>
Podkreślanie tekstu
Użyj znacznika <u>, aby podkreślić tekst.
Przykład:
<p>This is <u>underlined</u> text.</p>
Przekreślanie tekstu
Użyj znacznika <del> lub <s>, aby wyświetlić przekreślony tekst. Jest to przydatne do oznaczania tekstu jako usuniętego lub niepoprawnego.
Przykład:
<p>This is <del>deleted</del> text.</p>
<p>This is <s>strikethrough</s> text.</p>
Łączenie formatowania
Możesz łączyć wiele znaczników formatujących, aby stylować tekst na różne sposoby.
Przykład:
<p>This is <strong><em>bold and italicized</em></strong> text.</p>
<p>This is <u><i>underlined and italicized</i></u> text.</p>
Spróbuj samodzielnie
Utwórzmy stronę internetową ze sformatowanym tekstem. Oto przykład:
<!DOCTYPE html>
<html>
<head>
<title>Text Formatting</title>
</head>
<body>
<h1>Text Formatting Example</h1>
<p>This is <strong>bold</strong> text.</p>
<p>This is <em>italicized</em> text.</p>
<p>This is <u>underlined</u> text.</p>
<p>This is <strong><em>bold and italicized</em></strong> text.</p>
</body>
</html>
Świetna praca!
Gratulacje! Nauczyłeś się formatować tekst w HTML za pomocą pogrubienia, kursywy, podkreślenia i innych stylów. Formatowanie tekstu pomaga wyróżniać ważne treści i poprawia czytelność. W następnej lekcji przejdziemy do dobrych praktyk pisania przejrzystego i uporządkowanego kodu HTML. Przygotuj się do doskonalenia swoich umiejętności programistycznych!
Ucz się HTML dzięki korepetycjom AI — za darmo
Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.
- Kursy
- 16
- Lekcje
- 35
Często zadawane pytania
Czy lekcja „Formatowanie tekstu” jest bezpłatna?
Tak — pełny tekst „Formatowanie tekstu” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu HTML for Kids, przejdź na CoddyKit PRO. Kurs HTML for Kids zawiera 4 lekcji w sumie.
Co nauczysz się w „Formatowanie tekstu”?
Pogrubianie, pochylanie i podkreślanie tekstu Ćwiczysz HTML for Kids z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć HTML for Kids?
Nie wymagamy żadnego doświadczenia. HTML for Kids w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 4 z 4.
Ile czasu zajmuje lekcja „Formatowanie tekstu”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji HTML for Kids?
Tak. Każda lekcja HTML for Kids zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- Style wbudowane
- Podstawy CSS
- Kolory i tła
- Formatowanie tekstu