Najnowsze tutoriale tworzenie stron internetowych

Tekst HTML Formatowanie Elements

Formatowanie tekstu

This text is bold

This text is italic

This is superscript

Formatowanie HTML Elements

W poprzednim rozdziale dowiedziałeś się o stylizacji HTML, za pomocą HTML style atrybut.

HTML definiuje również specjalne elementy do definiowania tekstu o specjalnym znaczeniu.

HTML wykorzystuje elementy jak <b> i <i> do formatowania wyjścia, jak bold lub italic tekstu.

Elementy formatowania zostały zaprojektowane, aby wyświetlać specjalne rodzaje tekstów:

  • Pogrubiony tekst
  • ważny tekst
  • kursywa
  • podkreślić tekst
  • Zaznaczony tekst
  • mały tekst
  • skasowany tekst
  • wstawiony tekst
  • indeksy
  • Indeksy górne

HTML Bold i Strong formatowanie

HTML <b> element definiuje bold tekst, bez żadnego dodatkowego znaczenia.

Przykład

<p>This text is normal.</p>

<p><b>This text is bold</b>.</p>
Spróbuj sam "

HTML <strong> element definiuje mocny tekst, z dodatkiem semantycznej "strong" znaczenie.

Przykład

<p>This text is normal.</p>

<p><strong>This text is strong</strong>.</p>
Spróbuj sam "

HTML Italic i podkreślił, formatowanie

HTML <i> element definiuje tekst kursywą, bez żadnego dodatkowego znaczenia.

Przykład

<p>This text is normal.</p>

<p><i>This text is italic</i>.</p>
Spróbuj sam "

HTML <em> element definiuje podkreślić tekst, z dodatkiem semantycznego znaczenia.

Przykład

<p>This text is normal.</p>

<p><em>This text is emphasized</em>.</p>
Spróbuj sam "

Przeglądarki wyświetlić <strong> w <b> i <em> jako <i> .

Jednak istnieje różnica w rozumieniu tych tagów: <b> i <i> definiuje tekst pogrubiony i pochylony,
ale <strong> i <em> oznacza, że tekst jest "important" .


Formatowanie HTML Małe

HTML <small> element definiuje mały tekst:

Przykład

<h2>HTML <small>Small</small> Formatting</h2>
Spróbuj sam "

HTML Wyraźny Formatowanie

HTML <mark> element definiuje oznaczony lub zaznaczony tekst:

Przykład

<h2>HTML <mark>Marked</mark> Formatting</h2>
Spróbuj sam "

HTML skasowany Formatowanie

HTML <del> element definiuje usunięty (removed) tekst.

Przykład

<p>My favorite color is <del>blue</del> red.</p>
Spróbuj sam "

HTML wstawiony Formatowanie

HTML <ins> element definiuje włożony (added) tekstu.

Przykład

<p>My favorite <ins>color</ins> is red.</p>
Spróbuj sam "

Formatowanie HTML Indeks dolny

HTML <sub> element definiuje tekst indeksowaną.

Przykład

<p>This is <sub>subscripted</sub> text.</p>
Spróbuj sam "

Formatowanie HTML Indeks górny

HTML <sup> element definiuje tekst indeksu górnego.

Przykład

<p>This is <sup>superscripted</sup> text.</p>
Spróbuj sam "

Sprawdź się z ćwiczeniami!

Ćwiczenie 1 » ćwiczenie 2» ćwiczenie 3 » ćwiczenie 4» ćwiczenie 5 »


Tekst HTML Formatowanie Elements

Etykietka Opis
<b> Definiuje tekst pogrubiony
<em> Definiuje podkreślony tekst
<i> Definiuje tekst kursywą
<small> Definiuje mniejszy tekst
<strong> Definiuje ważny tekst
<sub> Definiuje tekst indeksowaną
<sup> Definiuje tekst indeksu górnego
<ins> Definiuje wstawiony tekst
<del> Definiuje usuniętego tekstu
<mark> Definiuje oznaczony / tekst zaznaczony