Samouczek HTML

Strona główna HTML Wprowadzenie do HTML Edytory HTML Podstawy HTML Elementy HTML Atrybuty HTML Nagłówki HTML Akapity HTML Style HTML Formatowanie HTML Cytaty HTML Komentarze HTML Kolory HTML HTML CSS Linki HTML Obrazy HTML Ulubione HTML Tabele HTML Listy HTML Blok HTML i wbudowany Klasy HTML Identyfikator HTML Ramki HTML HTML JavaScript Ścieżki plików HTML Nagłówek HTML Układ HTML HTML Responsywne Kod komputerowy HTML Semantyka HTML Przewodnik po stylach HTML Jednostki HTML Symbole HTML Emotikony HTML Zestaw znaków HTML Kodowanie adresu URL HTML HTML a XHTML

Formularze HTML

Formularze HTML Atrybuty formularza HTML Elementy formularza HTML Typy danych wejściowych HTML Atrybuty wejściowe HTML Atrybuty formularza wejściowego HTML

Grafika HTML

Płótno HTML HTML SVG

Media HTML

Media HTML Wideo HTML Dźwięk HTML Wtyczki HTML HTML YouTube

API HTML

Geolokalizacja HTML Przeciągnij/upuść HTML Magazyn sieciowy HTML HTML Web Workers HTML SSE

Przykłady HTML

Przykłady HTML Quiz HTML Ćwiczenia HTML Certyfikat HTML Podsumowanie HTML Dostępność HTML

Odniesienia HTML

Lista znaczników HTML Atrybuty HTML Globalne atrybuty HTML Obsługa przeglądarki HTML Zdarzenia HTML Kolory HTML Płótno HTML HTML audio/wideo Dokumenty HTML Zestawy znaków HTML Kodowanie adresu URL HTML Kody językowe HTML Wiadomości HTTP Metody HTTP Konwerter PX na EM Skróty klawiszowe

Formatowanie tekstu HTML


HTML zawiera kilka elementów do definiowania tekstu o specjalnym znaczeniu.


Przykład

This text is bold

This text is italic

This is subscript and superscript


Elementy formatowania HTML

Elementy formatujące zostały zaprojektowane do wyświetlania specjalnych typów tekstu:

  • <b> - Pogrubiony tekst
  • <strong> - Ważny tekst
  • <i> - Tekst kursywą
  • <em> - Wyróżniony tekst
  • <mark> - Zaznaczony tekst
  • <small> - Mniejszy tekst
  • <del> - Usunięty tekst
  • <ins> - Wstawiony tekst
  • <sub> - Tekst indeksu dolnego
  • <sup> - Tekst w indeksie górnym

Elementy HTML <b> i <strong>

Element HTML <b>definiuje pogrubiony tekst, bez dodatkowego znaczenia.

Przykład

<b>This text is bold</b>

Element HTML <strong>definiuje tekst o dużym znaczeniu. Zawartość w środku jest zwykle wyświetlana pogrubioną czcionką.

Przykład

<strong>This text is important!</strong>


Elementy HTML <i> i <em>

Element HTML <i>definiuje część tekstu w innym głosie lub nastroju. Treść w środku jest zwykle wyświetlana kursywą.

Wskazówka: tag <i>jest często używany do wskazania terminu technicznego, wyrażenia z innego języka, myśli, nazwy statku itp.

Przykład

<i>This text is italic</i>

Element HTML <em>definiuje wyróżniony tekst. Treść w środku jest zwykle wyświetlana kursywą.

Wskazówka: czytnik ekranu będzie wymawiał słowa <em> z naciskiem, używając akcentu werbalnego.

Przykład

<em>This text is emphasized</em>

HTML <mały> element

Element HTML <small>definiuje mniejszy tekst:

Przykład

<small>This is some smaller text.</small>

HTML <mark> Element

Element HTML <mark>definiuje tekst, który powinien być zaznaczony lub wyróżniony:

Przykład

<p>Do not forget to buy <mark>milk</mark> today.</p>

HTML <del> Element

Element HTML <del>definiuje tekst, który został usunięty z dokumentu. Przeglądarki zazwyczaj przekreślają linijkę w usuniętym tekście:

Przykład

<p>My favorite color is <del>blue</del> red.</p>

Element HTML <ins>

Element HTML <ins>definiuje tekst, który został wstawiony do dokumentu. Przeglądarki zazwyczaj podkreślają wstawiony tekst:

Przykład

<p>My favorite color is <del>blue</del> <ins>red</ins>.</p>

HTML <sub> Element

Element HTML <sub>definiuje tekst w indeksie dolnym. Tekst z indeksem dolnym pojawia się pół znaku poniżej normalnej linii i czasami jest renderowany mniejszą czcionką. Tekst indeksu dolnego może być użyty do wzorów chemicznych, takich jak H 2 O:

Przykład

<p>This is <sub>subscripted</sub> text.</p>

HTML <sup> Element

Element HTML <sup>definiuje tekst w indeksie górnym. Tekst w indeksie górnym pojawia się pół znaku powyżej normalnej linii i czasami jest renderowany mniejszą czcionką. Tekst w indeksie górnym może być używany w przypisach, takich jak WWW [1] :

Przykład

<p>This is <sup>superscripted</sup> text.</p>

Ćwiczenia HTML

Sprawdź się za pomocą ćwiczeń

Ćwiczenie:

Dodaj dodatkową wagę do słowa „degradacja” w poniższym akapicie.

<p>
Misją WWF jest powstrzymanie degradacjaśrodowiska naturalnego naszej planety.
</p>


Elementy formatowania tekstu HTML

Tag Description
<b> Defines bold text
<em> Defines emphasized text 
<i> Defines a part of text in an alternate voice or mood
<small> Defines smaller text
<strong> Defines important text
<sub> Defines subscripted text
<sup> Defines superscripted text
<ins> Defines inserted text
<del> Defines deleted text
<mark> Defines marked/highlighted text

Pełną listę wszystkich dostępnych tagów HTML można znaleźć w naszym podręczniku HTML Tag Reference .