Kurs html dla początkujących (4) - jak edytować tekst w html

Html kurs jak zrobić stronę internetową w notatniku

Jak edytować tekst przy pomocy języka html

Jak już pisałam tekst bez znaczników pojawia sie na stronie www jako zbity blok tekstu. Żeby ten tekst ładnie sofrmatować mamy do dyspozycji znaczniki blokowe i liniowe.

Znacznik wstawia się na początku i na końcu wyrazu, litery lub fragmentu tekstu, który chcemy sformatować. Znacznik końcowy ma ukośnik.
np.
<p> Ala ma kota </p>

Znaczniki mogą się zagnieżdżać, to znaczy można wstawić jeden w drugi.
np.
<p> Ala ma <b>kota</b> </p>
Tutaj zdanie jest w osobnym akapicie a w środku jest jeden pogrubiony wyraz.

Ważne aby znaczników nie przeplatać. Błąd: <p> Ala ma <b>kota </p> </b>

Znaczniki pisze się małymi literami.

Znaczniki blokowe

Traktują one tekst jako blok czy akapit i wszystko co jest dalej przenoszą do nowej linii. Czyli po zamykającym znaczniku blokowym tworzy się nowa linia.

  • znacznik akapitu p, dir – <p> </p>, <dir> </dir> – jedyne co robią to traktują w środku jako akapit i kolejny tekst przenoszą do nowej linijki
  • nagłówki czyli h1, h2, h3, h4, h5, h6 – są to znaczniki którymi oznacza się nagłówki tekstu. Znacznik ten powiększa tekst, pogrubia i to co jest dalej przenosi do nowej linijki. Największy tekst daje h1, potem coraz mniejszy aż do h6.

 

Nagłówki warto stosować ze względu na pozycjonowanie, gdyż wyszukiwarki odczytują tekst zawarty w znacznikach h jako ważny. Dlatego też warto aby ten tekst zawierał słowa kluczowe. Wstawia się je: <h1>  </h1>

  • hr – znacznik który tworzy poziomą linię, stosowaną do oddzielania elementów, wstawia się go <hr>  </hr>

Znaczniki liniowe

Nie przenoszą następnego tekstu do nowej linii.

  • strong, b – służą do pogrubiania
  • span – ten znacznik sam w sobie nic nie robi. Jeśli chce się jakiś fragment tekstu sformatować przy pomocy stylu używa się tego znacznika aby określić jaki to ma być tekst.

Separatory – znaczniki, które oddzielają tekst i tworzą pustą linie

  • <br /> – po prostu rozdziela tekst jedną linijką. O ile p wstawia nową linie, br tylko przenosi do nowego wiersza
  • <hr>  </hr> – tworzy linię pozioma, która rozdziela tekst

Inne znaczniki

  • listy wypunktowane numerowane lub nienumerowane

 

lista nienumerowana

<ul>

<li> rzecz 1 </li>

<li> rzecz 2 </li>

</ul>

 

lista numerowana

<ol>

<li> rzecz 1 </li>

<li> rzecz 2 </li>

</ol>

  • tabelki – służą do tworzenia tabel. Kiedyś tabelki służyły do budowania całego układu strony www, gdyż bardzo ładnie można było dzięki nim podzielić stronę na pionowe kolumny. Oczywiście nadal można to robić, gdy przeglądarka odczyta to poprawnie. Jednak jest to nie wskazane. Do tworzenia układu strony używa się div i styli. Ale o tym potem.

 

Tabelek obecnie używa się zgodnie z przeznaczeniem do robienia tabel i zestawień.

  • index górny dolny

 

index górny <sup>   </sup> np. 2 m<sup>2</sup>

index dolny <sup>   </sub> np. H<sup>2</sub>O

  • spacja –   przeglądarka czyta tylko jedną spację, czyli nie można sobie poprzesuwać tekstu spacjami. Aby dodać więcej spacji stosuj znak specjalny &nbsp;
  • formularze – przy pomocy html można na stronie www wstawić najróżniejsze rodzaje formularzy

Ćwiczenie 4
Po prostu wstaw sobie te znaczniki do swojego tekstu na swojej stronie i zobacz co się dzieje. Skopiuj sobie listę numerowaną i nienumerowaną.

 

Leave a reply

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

This site uses Akismet to reduce spam. Learn how your comment data is processed.