Znacznik akapitu występuje jako znacznik otwierający i zamykający.
Rozpoczęcie akapitu wyróżniamy znacznikiem <p> a kończymy znacznikiem </p>.
Inaczej mówiąc aby utworzyć akapit tekstu należy jego treść umieścić pomiędzy znacznikiem otwierającym <p> a znacznikiem zamykającym </p>. Każdy nowy akapit rozpoczynany jest od nowego wiesza.

Nagłówki.

W języku HTML możliwe jest użycie sześciu poziomów nagłówków.

Odpowiednio nagłówek najwyższego – pierwszego poziomu oznaczamy elementem <h1>, natomiast najniższego – ostatniego elementem <h6>. Podobnie jak w przypadku akapitu, każdy nowy nagłówek wyświetlany jest od nowego wiersza

• h1
  

  Nagłówek poziomu pierwszego

• h2
  

  Nagłówek poziomu drugiego

• h3
  

  Nagłówek poziomu trzeciego

• h4
  

  Nagłówek poziomu czwartego

• h5
  

  Nagłówek poziomu piątego

• h6
  

  Nagłówek poziomu szóstego

Podział wiersza.

Czasami zachodzi potrzeba przełamania wiersza wewnątrz akapitu, aby tego dokonać stosuje się znacznik <br>.

Listy.

W języku HTML możliwe jest tworzenie trzech rodzajów list:

• list uporządkowanych,
• list nieuporządkowanych,
• list definicji.

Listy uporządkowane tworzy się za pomocą elementu <ol>, a listy nieuporządkowane tworzy się z kolei za pomocą znacznika <ul>.

Dla obu tych list każdy kolejny ich element umieszczany jest wewnątrz znaczników <li>.

<ol>
<li>Element 1 </li>
<li>Element 2 </li>
<li>Element 3 </li>
<li>Element 4 </li>
</ol>

<ul>
<li>Element 1 </li>
<li>Element 2 </li>
<li>Element 3 </li>
<li>Element 4 </li>
</ul>

Listy definicji z kolei tworzy się za pomocą znaczników <dl>, a hasła i opisy w nich umieszczone za pomocą par znaczników <dt> i <dd>.

<dl>
<dt>Element 1 </dt>
<dd>Opis elementu 1 </dd>
<dt>Element 2 </dt>
<dd>Opis elementu 2 </dd>
<dt>Element 3 </dt>
<dd>Opis elementu 3 </dd>
</dl>

Element 1

Opis elementu 1

Element 2

Opis elementu 2

Element 3

Opis elementu 3

Łącza.

Znacznik hiperłącza występuje jako znacznik otwierający i zamykający. Deklarację hiperłącza zaczynamy znacznikiem <a> a kończymy </a>

Wewnątrz znaczników umieszczamy informację widoczną dla użytkownika. Może to być element tekstowy jak również graficzny. Inaczej niż w przypadku poprzednich znaczników, element <a> musi zawierać atrybuty.

Dostępne atrybuty znacznika <a>:

• href – informacja o lokalizacji elementu hiperłącza, wartość jaką może przyjmować to wartość bezwzględnego lub względnego adresu URL,
• rel – informacja o relacji pomiędzy aktualnym dokumentem, a linkowanym dokumentem,
• target – precyzuje jak ma zostać otwarte hiperłącze. Możliwe wartości to:
  • _blank,
  • _parent,
  • _self,
  • _top.

Łącze do innych witryn, korzysta z bezwzględnego adresu URL:

<a href=”http://www.google.pl”>Google</a>

Łącze do innej strony w tej samej witrynie, korzysta z względnego adresu URL:

<a href=”podstrona.html”>Podstrona</a>

Łącze z adresem poczty elektronicznej, korzysta z ciągu znaków mailto:, po którym podaje się adres poczty elektronicznej adresata:

<a href=”mailto:moj@adres.pl”>Mój Mail </a>

Użycie takiego linku spowoduje otwarcie domyślnego programu pocztowego i utworzenie nowej wiadomości z wypełnionym polem DO.

Łącze do określonego miejsca na tej samej stronie. Istnieje także możliwość tworzenie łączy do określonych miejsc na tej samej stronie. Aby utworzyć takie łącze potrzebujemy oznaczyć fragment strony unikalnym identyfikatorem – nazwą podaną jako wartość elementu id. Tworzenie identyfikatorów będzie szczegółowo opisane przy okazji wykładów z CSS.

<a href=”#góra”>Skocz do elementu góra</a>

Elementy graficzne.

Znacznik umieszczenia obrazu zapisujemy jako <img> występuje jako znacznik pusty – nie ma znacznika zamykającego. Element <img> umieszczamy w tym miejscu na stronie gdzie ma pojawić się obrazek. Podobnie jak element <a>, element <img> musi posiadać atrybuty. Dostępne atrybuty dla znacznika <img>:

• src – źródło – ścieżka dostępu do ilustracji,
• alt – tekst alternatywny wyświetlany zamiast obrazka – jeżeli nie ma możliwości aby go wyświetlić,
• title – etykieta ekranowa opisująca obrazek po najechaniu na niego myszką,
• height – wysokość obrazka wyrażona w pixelach,
• width – szerokość obrazka wyrażona w pixelach.