Znacznik akapitu w HTML-u

Stronę tą wyświetlono już: 236 razy

Wstawianie akapitów tekstu na stronie

W HTML-u istnieje specjalny znacznik umożliwiający wstawianie całych akapitów tekstu. Oto i przykład jego użycia:

Listing 1
  1. <p>Lorem ipsum dolor sit amet curae ornare quisque viverra mi, ligula pellentesque iaculis bibendum suspendisse libero turpis quisque cubilia. Orci ligula blandit nisi gravida vestibulum rutrum varius convallis risus, vulputate auctor nullam dolor praesent libero ut conubia senectus. Odio vestibulum id iaculis sapien mi aliquam consectetur interdum ac, luctus quam metus ante quis vulputate hac cras massa. </p>
  2. <p>Urna mi donec varius pharetra gravida duis porttitor aenean tristique, ut lacinia laoreet consequat inceptos luctus elementum tempus libero. Elit gravida sem consectetur tortor sapien turpis aptent sollicitudin congue malesuada, morbi posuere diam nec ut sed mollis vulputate. Volutpat etiam hac curabitur aptent primis habitant tellus sed tempor rhoncus, suspendisse consectetur varius mi pulvinar aenean proin cubilia aliquam. </p>
  3. <p>Purus ut felis dictumst tellus praesent aliquam metus aenean cras diam, sociosqu curabitur blandit maecenas faucibus rutrum ante fames neque. Scelerisque pulvinar magna litora metus dictum neque nec rutrum ut varius, eu dictumst tortor aliquam ipsum adipiscing quisque erat vehicula. Fringilla faucibus sit accumsan nec egestas vehicula mi adipiscing etiam blandit, luctus litora aptent elementum eros at vel aenean nibh. </p>

Efekt działania powyższego kodu:

Lorem ipsum dolor sit amet curae ornare quisque viverra mi, ligula pellentesque iaculis bibendum suspendisse libero turpis quisque cubilia. Orci ligula blandit nisi gravida vestibulum rutrum varius convallis risus, vulputate auctor nullam dolor praesent libero ut conubia senectus. Odio vestibulum id iaculis sapien mi aliquam consectetur interdum ac, luctus quam metus ante quis vulputate hac cras massa.

Urna mi donec varius pharetra gravida duis porttitor aenean tristique, ut lacinia laoreet consequat inceptos luctus elementum tempus libero. Elit gravida sem consectetur tortor sapien turpis aptent sollicitudin congue malesuada, morbi posuere diam nec ut sed mollis vulputate. Volutpat etiam hac curabitur aptent primis habitant tellus sed tempor rhoncus, suspendisse consectetur varius mi pulvinar aenean proin cubilia aliquam.

Purus ut felis dictumst tellus praesent aliquam metus aenean cras diam, sociosqu curabitur blandit maecenas faucibus rutrum ante fames neque. Scelerisque pulvinar magna litora metus dictum neque nec rutrum ut varius, eu dictumst tortor aliquam ipsum adipiscing quisque erat vehicula. Fringilla faucibus sit accumsan nec egestas vehicula mi adipiscing etiam blandit, luctus litora aptent elementum eros at vel aenean nibh.

Zmiana styli wyświetlania

W przypadku akapitów również można sterować ich stylem wyświetlania, oto przykład podstawowych styli dotyczących tego znacznika a zapisanych w formacie css:

Listing 2
  1. p {
  2. font-size: 10px; /* rozmiar czcionki */
  3. font-weight: normal; /* pogrubienie - normalne */
  4. color: red; /* kolor czcionki */
  5. text-align:center; /* dostępne również: left (domyślny), right, justify */
  6. display: block;
  7. margin-top: 1em;
  8. margin-bottom: 1em;
  9. margin-left: 0;
  10. margin-right: 0;
  11. text-indent: 10px; /* określa wcięcie pierwszej linijki akapitu */
  12. }

Komentarze