|
W artykule prezentujemy podstawowe style wykorzystywane przy pisaniu artykułów - akapit, lista nienumerowana i numerowana, wyróżnione komunikaty. Poza wymienionymi wyżej stylami standardowymi, dodatkowo prezentujemy listę oznaczoną zielonymi ptaszkami oraz 10 ponumerowanych po kolei akapitów, których celem jest zwrócenie uwagi czytelnika. Użycie standardowego ustępu Lorem Ipsum dla tekstu w języku polskim jest problematyczne, ponieważ w łacinie nie występują polskie litery, dlatego pozwoliliśmy sobie uzupełnić oryginalny artykuł o typografii powyższymi uwagami oraz frazą używaną do sprawdzenia poprawności wyświetlania się polskich liter. Pójdź, kińże tę chmurność w głąb flaszy. W cytowanym tekście występują wszystkie charakterystyczne dla alfabetu polskiego znaki.
Nagłówek 1
To jest początek akapitu. Quisque libero nulla, porttitor eu, convallis sed, gravida ac, nulla. Ut malesuada, tellus sed facilisis tincidunt, orci erat lobortis leo,
id varius massa lectus ultrices diam. Pellentesque feugiat sapien a est. Suspendisse augue. Nam ultricies suscipit enim. In hac habitasse platea dictumst. Sed elementum est vel ipsum. Etiam nec sem. In vehicula iaculis justo. Quisque molestie eros eget nibh. Morbi elementum sollicitudin erat. Fusce nec libero nec purus ornare accumsan. Fusce ut quam. Suspendisse et tellus et pede vehicula posuere. Cras et eros id ligula fermentum laoreet.
Nagłówek 2
 To jest początek akapitu. Ten fragment tekstu został zilustrowany obrazkiem maszyny do pisania, zdjęcie powinno wyświetlać się z wyrównaniem do lewej, mieć jasnoszarą ramkę i być opływane przez tekst. Integer id metus at elit sodales convallis. Quisque libero nulla, porttitor eu, convallis sed, gravida ac, nulla. Ut malesuada, tellus sed facilisis tincidunt, orci erat lobortis leo, id varius massa lectus ultrices diam. Pellentesque feugiat sapien a est. Suspendisse augue. Nam ultricies suscipit enim. In hac habitasse platea dictumst. Sed elementum est vel ipsum. Etiam nec sem. In vehicula iaculis justo. Quisque molestie eros eget nibh. Morbi elementum sollicitudin erat. Fusce nec libero nec purus ornare accumsan. Fusce ut quam. Suspendisse et tellus et pede vehicula posuere. Cras et eros id ligula fermentum laoreet.
Nagłówek 3
To jest początek akapitu. Ten fragment tekstu został zilustrowany obrazkiem maszyny do pisania, zdjęcie powinno wyświetlać się z wyrównaniem do prawej, mieć jasnoszarą ramkę i być opływane przez tekst. Integer id metus at elit sodales convallis. Quisque libero nulla, porttitor eu, convallis sed, gravida ac, nulla. Ut malesuada, tellus sed facilisis tincidunt, orci erat lobortis leo, id varius massa lectus ultrices diam. Pellentesque feugiat sapien a est. Suspendisse augue. Nam ultricies suscipit enim. In hac habitasse platea dictumst. Sed elementum est vel ipsum. Etiam nec sem. In vehicula iaculis justo. Quisque molestie eros eget nibh. Morbi elementum sollicitudin erat. Fusce nec libero nec purus ornare accumsan. Fusce ut quam. Suspendisse et tellus et pede vehicula posuere. Cras et eros id ligula fermentum laoreet.
Nagłówek 4
To jest początek akapitu. Integer id metus at elit sodales convallis. Quisque libero nulla, porttitor eu, convallis sed, gravida ac, nulla. Ut malesuada, tellus sed facilisis tincidunt, orci erat lobortis leo, id varius massa lectus ultrices diam. Pellentesque feugiat sapien a est. Suspendisse augue. Nam ultricies suscipit enim. In hac habitasse platea dictumst. Sed elementum est vel ipsum. Etiam nec sem. In vehicula iaculis justo. Quisque molestie eros eget nibh. Morbi elementum sollicitudin erat. Fusce nec libero nec purus ornare accumsan. Fusce ut quam. Suspendisse et tellus et pede vehicula posuere. Cras et eros id ligula fermentum laoreet.
W użyciu jest wiele różniących się od siebie ustępów Lorem Ipsum, w większości z nich dla urozmaicenia dowcipnie wpleciono przypadkowe słowa przez co tekst wydaje się mniej wiarygodny.
W użyciu jest wiele różniących się od siebie ustępów Lorem Ipsum, w większości z nich dla urozmaicenia dowcipnie wpleciono przypadkowe słowa przez co tekst wydaje się mniej wiarygodny.
W użyciu jest wiele różniących się od siebie ustępów Lorem Ipsum, w większości z nich dla urozmaicenia dowcipnie wpleciono przypadkowe słowa przez co tekst wydaje się mniej wiarygodny.
Styl powyższych akapitów definiują tagi klasa (class) dla wyróżnienia takich treści jak ostrzeżenie (warn), informacja (info) i alarm (alert) użyto odpowiednio klas: "warn", "info" i "alert".
<p class="warn">
....tu tekst......
</p>
<p class="info">
....tu tekst......
</p>
<p class="alert">
....tu tekst......
</p>
Tak wygląda przykładowa lista nienumerowana:
- pierwszy punkt pozycji listy nienumerowanej
- podpunkt A pozycji listy nienumerowanej
- podpunkt B poziom pozycji listy nienumerowanej
- podpunkt C poziom pozycji listy nienumerowanej
- kolejny punkt pozycji listy nienumerowanej
- kolejny punkt pozycji listy nienumerowanej
- kolejny punkt pozycji listy nienumerowanej
Tak wygląda przykładowa lista numerowana:
- pierwszy punkt pozycji listy numerowanej
- podpunkt A pozycji listy numerowanej
- podpunkt B pozycji listy numerowanej
- podpunkt C pozycji listy numerowanej
- kolejny punkt pozycji listy numerowanej
- kolejny punkt pozycji listy numerowanej
- kolejny punkt pozycji listy numerowanej
Tak wygląda lista zweryfikowana przez postawienie tzw. ptaszka:
- pierwszy poziom pozycji listy zweryfikowanej
- kolejny poziom pozycji listy zweryfikowanej
- kolejny poziom pozycji listy zweryfikowanej
W powyższej liście ptaszki zostały wstawione dzięki użyciu klasy (class) "checklist" w stylu listy nienumerowanej.
<ul class="checklist">
<li>pierwszy poziom pozycji listy zweryfikowanej</li>
<li>kolejny poziom pozycji listy zweryfikowanej</li>
<li>kolejny poziom pozycji listy zweryfikowanej</li>
</ul>
Chyba nie mamy wątpliwości, że internauta to czytelnik poświęcający całą swoją uwagę tekstowi strony internetowej. Być może, dzięki zastosowaniu Lorem Ipsum w ogóle nie zauważy, że jest to tekst służący demonstracji podstawowych dla tego szablonu stylów.
Chyba nie mamy wątpliwości, że internauta to czytelnik poświęcający całą swoją uwagę tekstowi strony internetowej. Być może, dzięki zastosowaniu Lorem Ipsum w ogóle nie zauważy, że jest to tekst służący demonstracji podstawowych dla tego szablonu stylów.
Chyba nie mamy wątpliwości, że internauta to czytelnik poświęcający całą swoją uwagę tekstowi strony internetowej. Być może, dzięki zastosowaniu Lorem Ipsum w ogóle nie zauważy, że jest to tekst służący demonstracji podstawowych dla tego szablonu stylów.
Chyba nie mamy wątpliwości, że internauta to czytelnik poświęcający całą swoją uwagę tekstowi strony internetowej. Być może, dzięki zastosowaniu Lorem Ipsum w ogóle nie zauważy, że jest to tekst służący demonstracji podstawowych dla tego szablonu stylów.
Chyba nie mamy wątpliwości, że internauta to czytelnik poświęcający całą swoją uwagę tekstowi strony internetowej. Być może, dzięki zastosowaniu Lorem Ipsum w ogóle nie zauważy, że jest to tekst służący demonstracji podstawowych dla tego szablonu stylów.
Chyba nie mamy wątpliwości, że internauta to czytelnik poświęcający całą swoją uwagę tekstowi strony internetowej. Być może, dzięki zastosowaniu Lorem Ipsum w ogóle nie zauważy, że jest to tekst służący demonstracji podstawowych dla tego szablonu stylów.
Chyba nie mamy wątpliwości, że internauta to czytelnik poświęcający całą swoją uwagę tekstowi strony internetowej. Być może, dzięki zastosowaniu Lorem Ipsum w ogóle nie zauważy, że jest to tekst służący demonstracji podstawowych dla tego szablonu stylów.
Chyba nie mamy wątpliwości, że internauta to czytelnik poświęcający całą swoją uwagę tekstowi strony internetowej. Być może, dzięki zastosowaniu Lorem Ipsum w ogóle nie zauważy, że jest to tekst służący demonstracji podstawowych dla tego szablonu stylów.
Chyba nie mamy wątpliwości, że internauta to czytelnik poświęcający całą swoją uwagę tekstowi strony internetowej. Być może, dzięki zastosowaniu Lorem Ipsum w ogóle nie zauważy, że jest to tekst służący demonstracji podstawowych dla tego szablonu stylów.
Chyba nie mamy wątpliwości, że internauta to czytelnik poświęcający całą swoją uwagę tekstowi strony internetowej. Być może, dzięki zastosowaniu Lorem Ipsum w ogóle nie zauważy, że jest to tekst służący demonstracji podstawowych dla tego szablonu stylów. |
