KdmWiki:Formatowanie tekstu
Podstawowa część hasła zaczerpnięta została z Wikipedii - polskiej encyklopedii internetowej.
Metody formatowania tekstu
Na stronach Wiki możliwe jest wstawianie pewnych fragmentów kodu języka HTML, który służy do tworzenia stron internetowych, nie jest to jednak specjalnie zalecane, gdyż mechanizm wiki umożliwia uzyskiwanie podobnych efektów w znacznie prostszy sposób.
Poniżej znajduje się zbiór metod formatowania tekstu, dostępnych w ramach mechanizmu wiki:
Rozdziały, akapity, listy i linie
| Opis | Przykład | Kod do przykładu |
|---|---|---|
|
Nagłówki - od jednego do trzech znaków = obejmujących tekst (między tekstem a znakami = musi być co najmniej jedna spacja) |
CzęśćRozdziałPodrozdział |
= Część = |
|
Nowe akapity - po prostu dwa razy naciśnij enter. |
Pojedyncze przejście do nowej linii nic nie robi. Ale pusta linijka rozpoczyna nowy akapit. |
Pojedyncze przejście do nowej linii nic nie robi. Ale pusta linijka rozpoczyna nowy akapit. |
| Wymuszenie nowego wiersza - HTML |
Można wymusić przejście do nowej linii |
Można wymusić przejście do nowej linii<br> bez rozpoczynania nowego akapitu. |
| Lista nienumerowana |
|
* Listy są pożyteczne: ** systematyzują tekst ** przejrzyście wyglądają |
| Listy numerowane |
|
# Wyliczenia (listy numerowane) też są pożyteczne # bardzo systematyzują tekst ## łatwo się je czyta |
| Definicje |
|
; Pojęcie1 : Definicja pierwsza ; Pojęcie2 : Definicja druga |
|
Listy złożone - HTML: |
|
<ul> <li>Lista numerowana: <ol> <li>Pierwszy element <li>Drugi element </ol> <li>więcej elementów </ul> |
| Wcięcia w tekście tworzy się przez rozpoczynanie linii od ":". |
Tekst bez wcięcia
|
Tekst bez wcięcia :Można robić wcięcia tekstu ::wcięcie tekstu :::kilka poziomów wcięcia |
|
Tekst preformatowany (wcięty, czcionka nieproporcjonalna, wiersze nie będą łamane ani łączone przez przeglądarkę)
można uzyskać przez poprzedzenie każdego wiersza spacją lub
ujęcie w znaczniki HTML: |
Tekst bez wcięcia IF (linia zaczyna się od białego znaku) THEN będzie formatowana tak jak jest wpisana; specjalnym rodzajem czcionki; linie nie będą się składać; ENDIF jest to przydatne do: • wklejania uprzednio sformatowanego tekstu; • opisów algorytmów; • ascii artu; |
Tekst bez wcięcia IF (linia zaczyna się od białego znaku) THEN będzie formatowana tak jak jest wpisana; specjalnym rodzajem czcionki; linie nie będą się składać; ENDIF jest to przydatne do: • wklejania uprzednio sformatowanego tekstu; • opisów algorytmów; • ascii artu; |
| Tekst wycentrowany - HTML | <center>Tekst można centrować.</center> |
|
|
Poziome linie rozdzielające - co najmniej cztery znaki = lub - w dowolnym miejscu wiersza |
powyżej poniżej i jeszcze niżej |
powyżej ---- poniżej ---- i jeszcze niżej |
Polecenia formatujące, znaki specjalne
Uwaga: nie każda przeglądarka potrafi poprawnie wyświetlać wszystkie znaki specjalne!
| Wyróżnienia tekstu |
Tekst pochylony |
''Tekst pochylony''<br> '''Tekst wzmocniony'''<br> '''''Tekst wzmocniony i pochylony'''''<br> Także w równaniach (wzorach): '''F''' = '''''m''''' ''a''. |
||
|
Zmiany czcionki |
Zmiana koloru i wielkości fontu |
<font size=+2 color=red> Zmiana koloru i wielkości fontu </font> |
||
| czcionka o równych szerokościach znaków |
Font do technicznych pojęć |
Font do <tt>technicznych pojęć</tt> |
||
| Przekreślenie i podkreślenie | Można i podkreślać go. Pożyteczne w edycji. |
Można <strike>przekreślać</strike> tekst<br> i <u>podkreślać</u> go. |
||
| Umlauty i akcenty: |
À Á Â Ã Ä Å Æ |
À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ñ Ò Ó Ô Õ Ö Ø Ù Ú Û Ü ß à á â ã ä å æ ç è é ê ë ì í î ï ñ ò ó ô õ ö ø ù ú û ü ÿ |
||
| Znaki przestankowe |
¿ ¡ « » § ¶ † ‡ • |
¿ ¡ « » § ¶ † ‡ • |
||
| Znaki towarowe i walut | ™ © ® ¢ € ¥ £ ¤ | ™ © ® ¢ € ¥ £ ¤ |
||
| Indeks dolny i górny |
górny: x2
dolny: x2 |
górny: x<sup>2</sup> dolny: x<sub>2</sub> |
||
| Alfabet grecki | α β γ δ
ε ζ η |
α β γ δ ε ζ η θ ι κ λ μ ν ξ π ρ σ ς τ υ φ χ ψ ω Γ Δ Θ Λ Ξ Π Σ Φ Ψ Ω |
||
| Matematyka (Zobacz, KDMWiki:Edycja wzorów) |
∫ ∑ ∏ √ ± ∞ |
∫ ∑ ∏ √ ± ∞ ≈ ∝ ≡ ≠ ≤ ≥ → × · ÷ ∂ ′ ″ ∇ ‰ ° ∴ ℵ ø ∈ ∋ ∩ ∪ ⊂ ⊃ ⊆ ⊇ ¬ ∧ ∨ ∃ ∀ ⇒ ⇔ |
||
| Większy odstęp niż zwykle, bez przejścia do nowej linii Pożyteczne w równaniach. |
x2 ≥ 0 | x<sup>2</sup> ≥ 0 |
||
| Przykład równania z całką (zacznij każdą linię od spacji) |
∞ -x2 ∫ e dx = √π -∞ |
|
Tabele
Tabele mogą być z powodzeniem tworzone przy pomocy mechanizmu wiki. Niemniej jednak, osobom przyzwyczajonym do HTML może być łatwiej tworzyć tabele przy pomocy znaczników tego języka. Przed wstawienie tabeli napisanej w html warto jednak zawsze rozważyć, czy nie da się tego zrobić prościej przy pomocy technik wiki.
Poniżej przedstawiamy znaczniki wiki służące do tworzenia tabel zestawione z ich równoważnikami w HTML:
Tabela jako taka jest definiowana przez:
{| ''parametry''
|}
co odpowiada w HTML:
<table parametry> </table>
- Uwaga Między "|" i "parametry" musi być spacja.
Pojedyńcze kolumny tabeli (odpowiednik "<td>" w HTML) są tworzone przez:
|kolumna1 |kolumna2 |kolumna3
lub prościej, w jednej linii:
|kolumna1||kolumna2||kolumna3
co odpowiada kodowi HTML:
<td>kolumna1</td><td>kolumna2</td><td>kolumna3</td>
a zatem "||" jest równoważne układowi "nowa linia" + "|"
Kolejne kolumny, podobnie jak w HTML są ustawiane standardowo w jednym rzędzie.
Parametry kolumn mogą być wprowadzane w następujący sposób:
|params|kolumna1
co odpowiada w HTML:
<td params>
Dla pierwszej kolumny znacznik "<TR>" jest tworzony automatycznie i również dla ostatniej kolumny w tabeli znacznik "</TR>" jest automatycznie dodawany przez mechanizm wiki.
Tworzenie kolejnych rzędów (odpowiednik "<TR>" w HTML) dokonuje się tak samo jak tworzenie kolejnych kolumn tylko zamiast "|" wpisuje się "|-". Parametry rzędu można dodawać analogicznie do parametrów kolumn:
|- parametry
pamiętając o niezbędnej spacji między "I-" i parametrami.
Przykłady:
Prosty przykład:
{|
| kolumna 1, rząd 1
| kolumna 2, rząd 1
|-
| kolumna 1, rząd 2
| kolumna 2, rząd 2
|}
daje w efekcie:
| kolumna 1, rząd 1 | kolumna 2, rząd 1 |
| kolumna 1, rząd 2 | kolumna 2, rząd 2 |
Bardziej złożony przykład z zastosowaniem parametrów i połączonych rzędów:
{| align=right border=1
| kolumna 1, rząd 1
|rowspan=2| kolumna 2, rząd 1 (i 2)
| kolumna 3, rząd 1
|-
| kolumna 1, rząd 2
| kolumna 3, rząd 2
|}
co da w efekcie tabelę przesuniętą do prawej i opływaną przez tekst z lewej:
| kolumna 1, rząd 1 | kolumna 2, rząd 1 (i 2) | kolumna 3, row 1 |
| kolumna 1, rząd 2 | kolumna 3, rząd 2 |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
Polskie znaki
Litera
ISO 8859-2 (dec & hex)
windows-1250 (dec & hex)
UTF-8
Unicode
encja
ą 177 0xB1 185 0xB9 0xC485 0x0105 &aogonek;
ć 230 0xE6 230 0xE6 0xC487 0x0107 ć
ę 234 0xEA 234 0xEA 0xC499 0x0119 &eogonek;
ł 179 0xB3 179 0xB3 0xC582 0x0142 &lstroke;
ń 241 0xF1 241 0xF1 0xC584 0x0144 ń
ó 243 0xF3 243 0xF3 0xC3B3 0x00F3 ó
ś 182 0xB6 156 0x9C 0xC59B 0x015B ś
ź 188 0xBC 159 0x9F 0xC5BA 0x017A ź
ż 191 0xBF 191 0xBF 0xC5BC 0x017C &zdotabove;
Ą 161 0xA1 165 0xA5 0xC484 0x0104 &Aogonek; Ć 198 0xC6 198 0xC6 0xC486 0x0106 Ć Ę 202 0xCA 202 0xCA 0xC498 0x0118 &Eogonek; Ł 163 0xA3 163 0xA3 0xC581 0x0141 &Lstroke; Ń 209 0xD1 209 0xD1 0xC583 0x0143 Ń Ó 211 0xD3 211 0xD3 0xC393 0x00D3 Ó Ś 166 0xA6 140 0x8C 0xC59A 0x015A Ś Ź 172 0xAC 143 0x8F 0xC5B9 0x0179 Ź Ż 175 0xAF 175 0xAF 0xC5BB 0x017B &Zdotabove;
Umieszczenie obrazka za tekstem:
<div style="float: right;padding-left:30px"> [[Grafika:Szachownica.png]]</div>
Zobacz też: KDMWiki:Mechanizm Wiki, KDMWiki:Tworzenie haseł, KDMWiki:Edycja wzorów