Tekst HTML
Tekst
Akapit i wiersz
Jak wprowadzać do dokumentu "zwykły" tekst? W zasadzie każdy tekst, który nie jest objęty specjalnym znacznikiem, jest interpretowany jako "masa tekstowa". Gdybyśmy jednak wpisali dłuższy fragment tekstu, rozdzielając w edytorze akapity za pomocą klawisza Enter, przeglądarka zignoruje znaki końca wierszy i akapitów w edytorze i wyświetli jednolity blok tekstu. Aby naprawdę rozdzielić akapity, należy się posłużyć poleceniem <p> (p = paragraph), które wstawi interlinie między poszczególne fragmenty tekstu. Zalecamy także konsekwentne stosowanie znacznika zamykającego </p>.
Przykład:
<p>To jest treść drugiego akapitu</p>
Efekt:
To jest treść pierwszego akapitu
To jest treść drugiego akapitu
Niekiedy zdarza się, że chcemy przełamać tekst, nie wprowadzając przy tym znaku końca akapitu. Możemy wówczas zastosować pojedyncze polecenie <br>, które przenosi tekst o jeden wiersz w dół, choć nie wprowadza dodatkowej interlinii.
To jest drugi wiersz<br>
To jest trzeci wiersz<br>
To jest czwarty wiersz<br>
Rezultat:
To jest drugi wiersz
To jest trzeci wiersz
To jest czwarty wiersz
Pozioma linia
Następnym, często spotykanym elementem jest pozioma linia, którą wstawiamy za pomocą polecenia <hr> (ang. horizontal rule). Pozwala ono wyświetlić w dokumencie poziomą linię, na szerokość całej strony czy bloku, rozdzielając nią logiczne fragmenty tekstu, dzięki czemu strona jest bardziej przejrzysta.
<hr>
Wykazy (listy)
Na stronach WWW powszechnie stosuje się wykazy, zwane też często listami (ang. list). Są to po prostu systematyczne wyliczenia jakichś punktów, które w przeciwieństwie do tekstu o charakterze opisowym w skondensowany sposób prezentują jakąś myśl czy zespół zagadnień. Użytkownicy edytorów tekstów spotykają się z tym elementem - np. w polskiej wersji edytora Word są one znane pod nazwą list numerowanych i list wypunktowanych.
Aby utworzyć szkielet wykazu wypunktowanego, należy użyć polecenia <ul> </ul> (ang. unordered list). W ramach szkieletu znajdą się poszczególne punkty wykazu, które wprowadzamy za pomocą polecenia <li> </li>.
<ul>
<li>Uważam, że UFO istnieje</li>
<li>Uważam, że pozaziemskie cywilizacje mogą nam pomóc</li>
<li>Uważam, że należy się przygotować na spotkanie</li>
</ul>
W efekcie uzyskamy:
Dlaczego zajmuję się UFO?
- Uważam, że UFO istnieje
- Uważam, że pozaziemskie cywilizacje mogą nam pomóc
- Uważam, że należy się przygotować na spotkanie
Gdy chcemy utworzyć wykaz numerowany, wówczas zamiast <ul> i </ul> możemy zastosować <ol> i </ol> (ang. ordered list). Uzyskamy wówczas listę numerowaną za pomocą liczebników arabskich (w dalszej części podręcznika pokażemy inne sposoby numerowania).
- Uważam, że UFO istnieje
- Uważam, że pozaziemskie cywilizacje mogą nam pomóc
- Uważam, że należy się przygotować na spotkanie
Atrybuty czcionki
Aby tekst w przeglądarce nie wyglądał wszędzie tak samo, stosuje się dodatkowe atrybuty czcionki - wyróżnienie (pogrubienie) i emfazę (pochylenie). Atrybuty pozwalają uwypuklić jakieś fragmenty tekstu, np. nazwy za pomocą kursywy, a ważniejsze pojęcia za pomocą pogrubienia:
To jest tekst normalny
<strong>To jest tekst pogrubiony</strong>
<em>To jest tekst pochylony</em>
Efekt działania tych poleceń:
To jest tekst normalny
To jest tekst pogrubiony
To jest tekst pochylony
