Elementy blokowe i liniowe

Do elementów blokowych możemy zaliczyć między innymi akapity <p>, nagłówki <hx>, cytaty< blockquote>, poziome linie <hr>, listy, czy znaczniki <div>. Znaczniki blokowe tworzą nowy element, który jest oddzielony od pozostałych wyraźną przerwą.

Do elementów liniowych możemy zaliczyć między innymi takie znaczniki jak <em>, <strong>,<q>, <sup>. Znaczniki liniowe zajmują tylko tyle miejsca, ile potrzebują.
Efekty stosowania niektórych znaczników liniowych:
E=mc2
P=π*R2
Stara cena: 99,90 zł
Nowa cena: 49,90 zł
Sama wiedza nie wystarczy, trzeba jeszcze umieć ją stosować.Johann Wolfgang Goethe
Jeszcze jeden cytat.

Tabele

Konstrukcja tabeli składa się z odpowiedniej kombinacji elementów table, tr (wiersz tabeli) oraz td (komórka tabeli). Dodatkowo element th służy do oznaczania komórek nagłówkowych.

Nagłówek 1Nagłówek 2Nagłówek 3Nagłówek 4
Komórka 1Komórka 2Komórka 3Komórka 4
Komórka 5Komórka 6Komórka 7Komórka 8
Komórka 9Komórka 10Komórka 11Komórka 12
Komórka 1Komórka 2Komórka 3Komórka 4

Listy

W języku HTML występują trzy rodzaje list: uporządkowane (numerowane), nieuporządkowane (punktowane) i definicji. Do tworzenia list nieuporządkowanych służą elementy ul oraz li (odpowiada za poszczególne pozycje). Do tworzenia list uporządkowanych służą elementy ol oraz li. Do tworzenia definicji służą elementy dl, dt (definiowany termin) oraz dd (definicja terminu). Przykłady list znajdują się poniżej.

  • Pierwszy punkt
  • Drugi punkt
  • Trzeci punkt
  1. Pierwsza pozycja
  2. Druga pozycja
  3. Trzecia pozycja

termin definicja terminu drugi termin definicja drugiego terminu kolejny termin definicja kolejnego terminu

Listy punktowane i numerowane mogą być zagnieżdżane. W celu utworzenia listy wielopoziomowej należy wewnątrz elementu li umieścić kompletną listę ul/li lub ol/li.

  1. Element listy
  2. Element listy
    • element lity zagnieżdżonej
    • element listy zagnieżdżonej
  3. Element listy

Nagłówki

Służą do oznaczania rozdziałów i podrozdziałów oraz do definiowania struktury dokumentu. Istnieje sześć zróżnicowanych rozmiarów nagłówków: od h1 do h6, które przedstawiono poniżej.

Nagłówek stopnia drugiego

Nagłówek stopnia trzeciego

Nagłówek stopnia czwartego

Nagłówek stopnia piątego
Nagłówek stopnia szóstego
Zaprojektuj witrynę taką jak ta za pomocą WordPress.com
Rozpocznij