Wprowadzenie do tagów formatujących tekst HTML
Formatowanie tekstu jest ważną częścią współczesnych stron internetowych, nawet gdy ograniczaliśmy się do posiadania tekstowych przeglądarek internetowych, dostępne były takie formaty tekstu, jak rozmiar, orientacja itp. Dzięki nowoczesnym wersjom HTML istnieje mnóstwo tagów HTML, których można użyć, aby tekst wyglądał tak, jak lubisz.
Formatowanie tekstu za pomocą znaczników HTML
Poniżej omówimy kilka ważnych tagów HTML używanych do formatowania tekstu:
1. Formatowanie tekstu pogrubioną czcionką w kodzie HTML
HTML ma dwa różne znaczniki, które nadają tekstowi pogrubiony wygląd. Jeden jest, a drugi jest, podczas gdy oba wytwarzają podobne wyniki. Tag jest fizycznym znacznikiem, tylko do wyświetlania tekstu pogrubioną czcionką i nie dodaje żadnej istotnej wartości w przeglądarce.
Przykład
Here is some text in bold.
Here is some text in bold.
Here is some text in bold.
Wynik :
Z drugiej strony tag jest uważany za tag logiczny i służy do informowania przeglądarki, że tekst w tagu ma pewne znaczenie logiczne.
Przykład
To ważna treść sformatowana przy użyciu silnego znacznika i to jest po prostu
normalnie sformatowany tekst
Wynik:
2. Ustawienie tekstu jako kursywy w HTML5
Tak samo jak ustawianie tekstu jak Pogrubienie, możesz użyć znacznika i znacznika, aby ustawić tekst kursywą w HTML5.
Używanie służy do, podobnie jak użycie , fizycznego wyświetlania tekstu kursywą i znacznikiem, a także pokazywania tekstu kursywą na wyświetlaczu, informuje przeglądarkę, że ma znaczenie semantyczne.
Przykład
To jest pierwszy akapit pisany kursywą.
Ta treść jest napisana kursywą za pomocą znacznika em. To jest normalny tekst
Wynik:
3. Podświetlanie tekstu za pomocą kodu HTML
W sytuacjach, w których chcesz wyróżnić tekst z efektem wyróżnienia, można użyć znacznika, przy domyślnym CSS, znacznik zmienia tło tekstu na żółte, pomagając łatwo przyciągnąć uwagę użytkownika na ten tekst.
Przykład
This text uses Mark tag to highlight text on the page
This text uses Mark tag to highlight text on the page
This text uses Mark tag to highlight text on the page
This text uses Mark tag to highlight text on the page
Wynik:
4. Podkreślanie tekstu w HTML
Znacznika HTML można użyć do dodania podkreślenia w tekście. Uważaj, aby nie używać podkreślenia z niebieskim tekstem, ponieważ może to mylić odwiedzających, że tekst jest linkiem.
Przykład
To jest Tekst z podkreślonym znacznikiem.
Wynik:
5. Tekst z przekreśleniem
W przypadkach, w których trzeba narysować poziomą linię przez tekst, można użyć znacznika. Linia utopiona jest cienka, więc tekst, który przecina, można nadal łatwo odczytać.
Przykład
Oto zdanie z przekreśleniem tekstu.
Wynik:
6. Pisanie czcionką Monospace w HTML
Korzystanie z Monospace może być przydatne w sytuacjach, w których chcesz zacytować coś lub wyświetlić kod w przeglądarce. Kod Monospace, jak sama nazwa wskazuje, sprawia, że szerokość każdego znaku jest taka sama. Aby uzyskać go w przeglądarce, musimy użyć tagu.
Przykład
lt;html>
To jest normalny tekst. To jest przykładowy tekst w czcionkach monospace, porządnie.
Wynik:
7. Tekst subskrybowany w HTML
W matematyce i chemii używanie indeksu dolnego jest w wielu przypadkach absolutnym wymogiem. Również w ogólnym piśmie możesz natknąć się na sytuacje, w których tekst indeksu dolnego jest odpowiedni do użycia. W HTML każdy tekst pod tagiem będzie działał jako indeks dolny w przeglądarce.
Przykład
To jest normalny tekst. Czy zauważyłeś coś innego z tym tekstem?
Wynik:
8. Usunięty tekst w HTML5
Tag jest używany jako logiczny sposób informowania przeglądarki, że tekst w tekście jest usuwany. Pamiętaj, że dla użytkownika pokazany tekst jest taki sam, jak znacznik w znaczniku przekreślenia, co oznacza, że jest wyświetlany w formacie przekreślenia.
Przykład
To jest normalny tekst To jest tekst między znacznikiem del.
Wynik:
9. Formatowanie tekstu w indeksie górnym w HTML5
Tekst w znaczniku jest wyświetlany w indeksie górnym. Jest to przydatne w matematyce, chemii i innych miejscach, w których matematyka jest zaangażowana. Możesz użyć tego tagu podczas cytowania z dodawaniem linków na stronie.
Przykład
To jest tekst normalny Ten tekst jest w indeksie górnym.
Wynik:
10. Zwiększanie rozmiaru tekstu dzięki formatowaniu HTML
W przypadku, gdy potrzebujesz trochę większego tekstu na ekranie, ale nie chcesz używać nagłówka ani nie zwiększać rozmiaru czcionki za pomocą znacznika, użyj zawartości między tym znacznikiem będzie wyświetlana w zauważalnie większym rozmiarze.
Przykład
To jest tekst normalny Ten tekst jest większy.
Wynik:
11. Zmniejszanie tekstu za pomocą HTML
Podobnie jak w tagu, możesz użyć, aby zmniejszyć tekst na ekranie bez konieczności używania CSS lub nagłówków.
Przykład:
To jest tekst normalny, rozmiar tego tekstu jest mniejszy
Wynik:
Wniosek
Teraz, gdy nauczyłeś się, jak działa formatowanie tekstu w HTML, powinieneś być w stanie projektować strony z poprawnym i profesjonalnie wyglądającym układem i formatowaniem tekstu. Powinieneś używać normalnego tekstu i formatowania tam, gdzie to możliwe, używając niestandardowego formatowania tylko wtedy, gdy jest to potrzebne, nadaje stronom schludny wygląd. Ważny jest również rozmiar normalnego tekstu, zbyt mały i negatywnie wpłynie to na czytelność, a jeśli jest zbyt duży, na ekranie będzie od razu mniej informacji.
Polecane artykuły
Jest to przewodnik po znacznikach formatowania tekstu HTML. Tutaj omawiamy sposób formatowania tekstu za pomocą różnych znaczników formatowania HTML. Możesz także zapoznać się z następującymi artykułami, aby dowiedzieć się więcej -
- Jak działa HTML
- Polecenia HTML
- Co to jest XML?
- Tagi w formacie HTML