HTML - narzędzie opisu struktury dokumentu

blokowe i wewnętrzne elementy dokumentu - znaczniki <div>...</div> oraz <span>...</span>

• wybrane predefiniowane elementy blokowe:
  • - akapity - <p>...</p>
  • - nagłówki - <hn>...</hn>, n = 1, . . . , 6
  • - cytaty blokowe - <blockquote>...</blockquote>
  • - listy i listy definicyjne - <ul>...</ul>, <dl>...</dl>
• predefiniowane elementy blokowe <div>...</div> + style CSS
• wybrane predefiniowane elementy wewnętrzne:
  • - <em>...</em> - emfaza,
  • - <strong>...</strong> - wyraźne uwypuklenie,
  • - <cite>...</cite> - krótki cytat,
  • - <samp>...</samp> - tekst przykładowy
  • - <i>...</i> - kursywa
  • - <b>...</b> - wytłuszczenie
  • - <tt>...</tt> - czcionka o stałej szerokości
  • - _... - indeks dolny
  • - ^... - indeks górny
• predefiniowane elementy wewnętrzne <span>...</span> + style CSS

Jak przeglądarki interpretują treść dokumentu?

Informacje ignorowane:

• zmiany wiersza - traktowane, jako pojedyncze odstępy
• wielokrotne odstępy i znaki tabulacji - jak wyżej
• (wielokrotne) "puste" akapity (<p> dowolny odstęp </p>) - pomijane
• nieznane znaczniki (np. <xx> treść </xx>) - pomijane, a ich zawartość (treść) pomijana lub nie - w zależności od przeglądarki

Komentarze

• <!-- treść komentarza -->

Uwaga: treść komentarza może składać się z wielu wierszy

Tekst preformatowany

• <pre> zawarto </pre> - element blokowy

Przykład:

<pre>
Pierwsza linia

To <b>trzecia</b>	      linia
</pre>

Pierwsza linia

To trzecia	      linia

• zachowuje odstępy, znaki tabulacji i zmiany wiersza
• zawartością może być dowolny element wewnętrzny ("nieblokowy")