Lekcje >> Podstawy HTML 5
Polimax

Drukarnia w Warszawie realizująca druk wizytówek, plakatów jak również fotoksiążki, fotoobrazy i fotokalendarze - z wysyłką na terenie całego kraju.

Akapity

O akapitach mówiliśmy już kilka razy, szczególnie w kontekście znaczników tworzących układ treści strony. Mówiąc najkrócej akapit = blok tekstu. Charakterystyczną jego cechą jest autodopasowanie do elementu w którym się znajduje. Akapity są oddzielane domyślnie jeden od drugiego na wysokość wiersza. Na razie przyjmujemy domyślne formatowanie akapitów, pełną na nimi kontrolę uzyskamy stosując CSS. Przypomnijmy, że znacznik akapitu wygląda następująco: <p>Treść akapitu</p>. Fragment kodu gdzie zastosowano dwa kolejne akapity wygląda tak:

<body>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  </p>	
  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, 
    scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. 
    Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis 
    vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. 
    Nam congue, pede vitae dapibus aliquet, elit magna vulputate arcu, vel tempus metus 
    leo non est. 	
  </p>
</body>

Pierwszy akapit składa się z jednego zdania, natomiast drugi z kilku. Strona może zawierać dowolną liczbę akapitów.

Ćwiczenie 2_1_2_1

Wykonać stronę WWW pokazującą domyślne sformatowane dwa akapity tekstu<p></p>.

  1. W ćwiczeniu wykorzystaj utworzony wcześniej szkielet dokumentu (otwórz za pomocą Notepad++ szkielet.html).
  2. Strona powinna posiadać tytuł Akapity.
  3. Umieść odpowiednie słowa kluczowe.
  4. Umieść odpowiedni opis strony.
  5. Umieść siebie, jako autora strony.
  6. Wstaw do dokumentu dwa akapity p według wzoru pokazanego wyżej.
  7. Zapisz utworzony dokument HTML.
  8. Otwórz ten plik przeglądarką.
  9. Sprawdź, czy jest pokazany tytuł strony.
  10. Sprawdź, czy są wyświetlone akapity p.
  11. Pokaż źródło dokumentu i sprawdź czy są pokazane słowa kluczowe, opis strony oraz autor.
  12. Jeżeli to konieczne, dokonaj stosownych korekt.

Tak powinna wyglądać poprawnie wykonana strona:

Praca domowa

Zbierz wszystkie poznane do tej pory wiadomości o akapitach i zanotuj je w zeszycie.


Jeżeli nie jesteś pewny, jak wykonane zadania zapisać na pendriwie, to zajrzyj do pierwszego ćwiczenia, w którym zostało to dokładnie wytłumaczone.