Pomoc:Formatowanie tekstu

Z HamradioWiki

Spis treści

Na stronach HamradioWiki możliwe technicznie jest wstawianie pewnych fragmentów kodu języka HTML i XHTML, które służą do tworzenia stron internetowych, nie jest to jednak specjalnie zalecane. Przy edycji i tworzeniu artykułów należy używać formatowania zgodnego z mechanizmem Wiki (tzw. WikiTagi), którego opis znajdziesz poniżej.

Jeżeli do tej pory korzystałeś z HTML lub XHTML, zobacz koniecznie Pomoc:Uwagi na temat korzystania ze znaczników HTML

Poniżej znajduje się zbiór metod formatowania tekstu, dostępnych w ramach mechanizmu wiki:

Nagłówki

= Nagłówek I stopnia =
== Nagłówek II stopnia ==
=== Nagłówek III stopnia ===
==== Nagłówek IV stopnia ====
===== Nagłówek V stopnia ======
======= Nagłówek VI stopnia =======

Akapity

Pojedyncze przejście do
nowej linii nic nie robi.

Ale pusta linijka

rozpoczyna nowy akapit.

da w efekcie

Pojedyncze przejście do nowej linii nic nie robi.

Ale pusta linijka

rozpoczyna nowy akapit.</pre>

Wymuszenie przejścia do nowej linii

Można wymusić przejście do nowej linii<br />
bez rozpoczynania nowego akapitu.

Listy nienumerowane

* Listy są pożyteczne:
** systematyzują tekst
** przejrzyście wyglądają

da w efekcie

  • 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

da w efekcie

  1. Wyliczenia (listy numerowane) też są pożyteczne
  2. bardzo systematyzują tekst
    1. łatwo się je czyta

Definicje

; Pojęcie1 : Definicja pierwsza
; Pojęcie2 : Definicja druga

da w efekcie

Pojęcie1 
Definicja pierwsza
Pojęcie2 
Definicja druga

Listy złożone

#Lista numerowana
#* Pierwszy element
#* Drugi element
#Więcej elementów

da w efekcie

  1. Lista numerowana
    • Pierwszy element
    • Drugi element
  2. Więcej elementów

Wcięcia

Tekst bez wcięcia
:wcięcie pojedyncze
::wcięcie podwójne
::::wcięcie wielokrotne

da w efekcie

Tekst bez wcięcia

wcięcie pojedyncze
wcięcie podwójne
wcięcie wielokrotne

Tekst preformatowany

Tekst preformatowany: wcięty, pisany czcionką nieproporcjonalną, wiersze nie będą łamane ani łączone przez przeglądarkę można uzyskać przez poprzedzenie każdego wiersza spacją lub ujęcie w znaczniki XHTML:

<pre> i </pre>

Przykład

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:
   &bull; wklejania uprzednio sformatowanego tekstu;
   &bull; opisów algorytmów;
   &bull; ascii artu;

da w efekcie

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

<div align="center">Tekst można centrować.</div>

da w efekcie

Tekst można centrować.

Linie oddzielające

To co najmniej cztery znaki = lub - w dowolnym miejscu wiersza.

da w efekcie

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!

''Tekst pochylony''
'''Tekst wzmocniony'''
'''''Tekst wzmocniony i pochylony'''''
Także w równaniach (wzorach): '''F''' = '''''m''''' ''a''.

da w efekcie

Tekst pochylony
Tekst wzmocniony
Tekst wzmocniony i pochylony
Także w równaniach (wzorach): F = m a.

Zmniejszenie

<small>czcionka zmniejszona - właśnie tak</small>

da w efekcie

czcionka zmniejszona - właśnie tak

Zwiększenie czcionki

<big>czcionka zwiększona - właśnie tak</big>

czcionka zwiększona - właśnie tak

Zmiana koloru i wielkości czcionki

<span style="color: red">Zmiana koloru czcionki</span>
<span style="font-size: 9px">Zmiana wielkości czcionki</span>

da w efekcie

Zmiana koloru czcionki Zmiana wielkości czcionki

Font do technicznych pojęć

Font do <tt>technicznych pojęć</tt>

da w efekcie

Font do technicznych pojęć

Przekreślenie i podkreślenie

Można <del>przekreślać</del> tekst<br/>
i <u>podkreślać</u> go.

da w efekcie

Można przekreślać tekst
i podkreślać go. Pożyteczne w edycji.

Znaki przestankowe

&iquest; &iexcl; &laquo; &raquo; &sect; &para; &dagger; &Dagger; &bull;

da w efekcie

¿ ¡ « » § ¶ † ‡ •

Znaki towarowe i walut

&trade; &copy; &reg; &cent; &euro; &yen; &pound; &curren;

da w efekcie

™ © ® ¢ € ¥ £ ¤

Indeks górny i dolny

górny: x<sup>2</sup>
dolny: x<sub>2</sub>

da w efekcie

górny: x2 dolny: x2

Formatowanie spisu treści

Spis treści jest generowany automatycznie przez mechanizm Wiki, jeśli w tekście pojawią się więcej niż trzy nagłówki. Istnieją trzy komendy związane z formatowaniem spisu treści. Są to:

  • __TOC__ (w tym miejscu pojawi się spis treści)
  • __NOTOC__ (spisu treści w ogóle nie będzie widać na stronie)
  • __FORCETOC__ (wymuszone zostanie pojawienie się spisu treści)

Dodatkowo istnieje komenda __NOEDITSECTION__, która pozwala na zablokowanie możliwości edycji sekcji (domyślnie można edytować pojedynczą sekcję zamiast całego artykułu). Ściślej - znikną po prostu linki dające możliwość edycji ("[Edytuj]"), które standardowo pojawiają się przy tytule każdej sekcji.

Natomiast, jeśli wpiszesz {{Szablon:SpisPrawa}} to spis treści będzie przylegał do prawej krawędzi strony i jednocześnie będzie opływany z lewej strony przez tekst.

Ukrywanie treści i pokazywanie kodu

  • Aby ukryć treść można użyć nastepującego kodu:

<!--ta treść nie będzie widoczna na stronie-->,

co spowoduje, że treść pomiędzy znakami < > nie będzie widoczna na samej stronie po jej zapisaniu, ale będzie ją mozna zobaczyć po wybraniu opcji edytuj. Po <! i bezpośrednio przed > można wprowadzić większą ilość znaków "-", aby komunikat był dobrze widoczny przy wybraniu opcji edytuj.

  • Aby pokazać kod, jaki jest użyty, np. właśnie na stronach pomocy, używa się specjalnego kodu <nowiki>

Powoduje to, że zastosowany kod "nie działa".

Przykładowo [[link]] normalnie działający w taki sposób:

link

po zastosowaniu kodu [[link]] będzie widoczny właśnie w postaci link po zapisaniu strony.

Uwaga Aby pokazać bardziej skomplikowany kod. np tabeli, zastosowanie <nowiki> powoduje, że sam kod się spłaszcza:

{| class="wikitable" |- ! Pierwsza kolumna ! Druga ! Trzecia |- | Tu coś wpiszemy | i tu coś | i tu jeszcze coś |}

Można wówczas zrobić to w taki sposób, że <nowiki> wpisujemy nad kodem, który chcemy pokazać, jednak przed <nowiki> wolną spację i analogicznie pod prezentowanym kodem z wolną spacją dajemy </nowiki> :

 <nowiki>
{| class="wikitable"
|-
! Pierwsza kolumna
! Druga
! Trzecia
|-
| Tu coś wpiszemy
| i tu coś
| i tu jeszcze coś
|}
  </nowiki>

W efekcie otrzymujemy kod prostej tabelki

{| class="wikitable"
|-
! Pierwsza kolumna
! Druga
! Trzecia
|-
| Tu coś wpiszemy
| i tu coś
| i tu jeszcze coś
|}
 


  • Można zamiast tego użyć łatwiejszej opcji <pre>

<pre>

{| class="wikitable"
|-
! Pierwsza kolumna
! Druga
! Trzecia
|-
| Tu coś wpiszemy
| i tu coś
| i tu jeszcze coś
|}

</pre>

Co da taki sam efekt