Menu >> Strona Startowa
Witam... Gry |

Licznik

Zegar

Webmaster-info

Webmaster

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ść pierwszego akapitu</p>
<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 pierwszy wiersz<br>
To jest drugi wiersz<br>
To jest trzeci wiersz<br>
To jest czwarty wiersz<br>

Rezultat:

To jest pierwszy wiersz
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>.

<p>Dlaczego zajmuję się UFO?</p>
<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).

  1. Uważam, że UFO istnieje
  2. Uważam, że pozaziemskie cywilizacje mogą nam pomóc
  3. 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





Komentarze do tej strony:
Komentarz pochodzi od Jose, 08.04.2012, o 11:45 (UTC):
There are chm to real format ttarslanors about, and useful, most of which are based on chmlib. I find the KDE/Qt ones behave pretty well.And you've tried the use the Source, Luke approach. Gavnuki you'll learn to shout.Any free software distributed as source that only provides chm and/or hlp files is probably admitting it isn't worth the disk space unpacking it.



Dodaj komentarz do tej strony:
Twoje imię:
Twoja wiadomość:

desing Webmaster-info

 
 
=> Chcesz darmową stronę ? Kliknij tutaj! <=