Tagi

"Tagi" są to części języka html, za pomocą których tworzymy stronę www. Tagi prawie zawsze mają początek - i koniec - , jest kilka wyjątków ale one mają znak końca w sobie, np.
- znak końca lini, czyli przejście do następnego wiersza. Z tych elementów języka html, składamy stronę jak z klocków, nadając jej dowolne kształty i formatując z pomocą arkuszy styli. Każdy tag ma swoje właściwości, które definiujemy w pliku css.

Poniżej opisane są podstawowe tagi, wraz z ćwiczeniami.

<p> to jest pargraf </p> - Przyjęło się, że wszystkie teksty na stronie umieszczamy w paragrafach, nie umieszczamy "gołych tekstów" - bez znaczników.

Ćwiczenie 3 Wpisujemy na naszą stronę nasz pierwszy tekst np. "Ta strona opisuje nową firmę przeprowadzającą kursy i szkolenia".

<b /> - wspomniany wyżej znak końca lini. Bardzo ważna jest spacja pomiędzy literką b a znakiem /.

Ćwiczenie 4 Przełamujemy wpisany wcześniej tekst znakiem <b />.

<h1> nagłówek duży </h1> ... <h6> nagłówek mały </h6> - nagłówki, od 1 do 6, od największego do najmnieszego.

Ćwiczenie 5 Napiszemy wszystkie nagłówki i porównamy ich wielkość.

<div>blok tekstu</div> - polecenie to wydziela większy blok tekstu, przez co możemy nadać mu jakiś rodzaj formatowania.

Ćwiczenie 6 Napisany w ćwiczeniu 1 tekst umieszczamy w bloku div. W pliku css nadajemy mu kolor tła i wielkość:

  div{
    background-color: #598EDD;
    height:300px;
    width:300px;
  }
  

<span>blok tekstu</span> - polecenie to również wydziela większy blok tekstu, element wyświetlany w linii - inline.

Ćwiczenie 7 W tekście napisanym w ćwiczeniu 1 umieszczamy kilka wyrazów w bloku span. W pliku css nadajemy mu kolor czcionki:

  span{
    color: #008000;
  }
  

<b> tekst pogrubiony </b> - ten tag pozwala pogrubić (wytłuścić) część tekstu.

<i> tekst pochylony </i> - ten tag pozwala pochylić część tekstu.

<u> tekst podkreślony </u> - ten tag pozwala podkreślić część tekstu.

<s> tekst przekreślony </s> - ten tag pozwala przekreślić część tekstu.
 

<em> tekst wyróżniony </em> lub <strong> tekst wyróżniony </strong> - te tagi pozwalają wyróżnić część tekstu (pierwszy działa podobnie jak kursywa, a drugi jak pogrubienie, różnią się one od nich jednak tym ,że dodatkowo niosą ze sobą pewne informacje, co do ważności tekstu).