10.1 Rozpoczęcie formatowania
Formatowanie tekstu przy pomocy tagów <b>, <strong>, <i>, <em>, <u> i <small> pozwala deweloperom stron WWW poprawić czytelność i zwrócić uwagę na określone części tekstu. Każdy z tych tagów ma swoje specyficzne użycie:
<b>: pogrubiony tekst bez dodatkowego znaczenia<strong>: pogrubiony tekst z naciskiem na ważność<i>: kursywa dla estetycznego wyróżnienia<em>: kursywa z logicznym lub semantycznym akcentem<u>: podkreślony tekst dla wizualnego wyróżnienia<small>: mniejszy tekst dla drugorzędnej informacji
Zrozumienie i prawidłowe użycie tych tagów pomaga tworzyć bardziej zrozumiałe i wizualnie atrakcyjne strony internetowe.
Główne tagi do formatowania tekstu
Tag <b> i <strong>
Tag <b> używany jest do wyróżnienia tekstu pogrubieniem, ale bez szczególnego znaczenia semantycznego. Tag <strong> również pogrubia tekst, ale nadaje mu dodatkowe znaczenie semantyczne, wskazując na ważność lub znaczenie tekstu.
<p>Ten tekst jest <b>pogrubiony</b>, a ten tekst jest <strong>bardzo ważny i pogrubiony</strong>.</p>
Tag <i> i <em>
Tag <i> używany jest do wyróżnienia tekstu kursywą bez szczególnego znaczenia semantycznego. Tag <em> stosuje kursywę i wskazuje na akcent lub ważność tekstu.
<p>Ten tekst jest <i>kursywą</i>, a ten tekst jest <em>bardzo ważny i kursywą</em>.</p>
Tag <u> i <ins>
Tag <u> używany jest do podkreślenia tekstu. Tag <ins> również podkreśla tekst, ale używany jest do oznaczenia tekstu wstawionego, co ma sens w kontekście śledzenia zmian.
<p>Ten tekst jest <u>podkreślony</u>, a ten tekst jest <ins>wstawiony i podkreślony</ins>.</p>
Tag <s> i <del>
Tag <s> używany jest do tekstu przekreślonego. Tag <del> również przekreśla tekst, ale wskazuje na usunięcie tekstu, co ma znaczenie w kontekście śledzenia zmian.
<p>Ten tekst jest <s>przekreślony</s>, a ten tekst jest <del>usunięty i przekreślony</del>.</p>
Tag <mark>
Tag <mark> używany jest do wyróżnienia tekstu, który ma szczególne znaczenie lub ważność w bieżącym kontekście. Tekst wewnątrz <mark> wyświetlany jest na żółtym tle.
<p>Ten tekst jest <mark>wyróżniony</mark> dla przyciągnięcia uwagi.</p>
Tag <small>
Tag <small> używany jest do wyświetlania tekstu mniejszego rozmiaru w porównaniu do normalnego tekstu.
<p>To jest główny tekst, a to jest <small>mniejszy tekst</small>.</p>
Tag <sub> i <sup>
Tag <sub> i <sup> używane są do tworzenia tekstu indeksu dolnego i górnego odpowiednio.
<p>To jest tekst z indeksem dolnym H<sub>2</sub>O i indeksem górnym x<sup>2</sup>.</p>
10.2 Przerwy w wierszach
Tag <br>
Tag <br> używany jest do wstawiania przerwy w wersie, która przenosi tekst na nową linię bez tworzenia nowego akapitu.
<p>To jest tekst z przerwą w wierszu<br>w jednym akapicie.</p>
Tag <hr>
Tag <hr> używany jest do wstawiania poziomej linii, która wizualnie dzieli zawartość na stronie internetowej.
<p>Tekst powyżej linii.</p>
<hr>
<p>Tekst poniżej linii.</p>
GO TO FULL VERSION