Pomoc:Listy i tabelki

Help.png

Centrum pomocy serwisu Borealis - linkowanie


Spis treści

[edytuj] Listy

Lista/spis pozycji jest bardzo wygodną formą prezentowania treści w momencie gdy musimy wymienić wiele pozycji. Listy uatrakcyjniają tekst i sprawiają że jest bardziej przejrzysty i zrozumiały dla czytelnika.

[edytuj] Listy nienumerowane

Listy nienumerowane tworzymy za pomocą gwiazdki * wpisywanej na początku wiersza. Każda pozycja na liście oznaczona jest tzw. "bombą", na Borealis jest to symbol trójkąta.

Lista prosta:


użycie:
* pozycja 1
* pozycja 2
* pozycja 3

efekt:

  • pozycja 1
  • pozycja 2
  • pozycja 3


Lista kilkustopniowa:


użycie:
* pozycja 1
* pozycja 2
* pozycja 3
** pozycja 3a
** pozycja 3b
*** pozycja 3b1

efekt:

  • pozycja 1
  • pozycja 2
  • pozycja 3
    • pozycja 3a
    • pozycja 3b
      • pozycja 3b1

[edytuj] Listy numerowane

Listy numerowane tworzymy tak samo jak nienumerowane, tylko zamiast gwiazdki wpisujemy na początku wiersza krzyżyk #.

Lista prosta:


użycie:
# pozycja 1
# pozycja 2
# pozycja 3

efekt:

  1. pozycja 1
  2. pozycja 2
  3. pozycja 3


Lista kilkustopniowa:


użycie:
# pozycja 1
# pozycja 2
# pozycja 3
## pozycja 3a
## pozycja 3b
### pozycja 3b1

efekt:

  1. pozycja 1
  2. pozycja 2
  3. pozycja 3
    1. pozycja 3a
    2. pozycja 3b
      1. pozycja 3b1

[edytuj] Tabelki

Do prezentacji dużej ilości danych można zastosować tabelę. Tworzą ją następujące znaczniki.

{| początek tabeli (niezbędny)
|+ tytuł tabeli (opcjonalny); może być tylko jeden w jednej tabeli, musi być umieszczony zaraz po rozpoczęciu tabeli
|- nowy rząd tabeli - jeśli jest tylko jeden w całej tabeli oprogramowanie "domyślnie" go tworzy
! nagłówek kolumny tabeli, (opcjonalny)
| pojedyncza komórka tabeli, (niezbędna)
|} koniec tabeli (niezbędny) - zapomnienie o tym daje nieprzewidywalne rezultaty


Wygląd tabeli formatuje się poprzez język HTML i CSS. Można zmieniać wygląd całej tabeli lub poszczególnych jej elementów. Poniżej kilka wybranych atrybutów:

  • wyrównanie tabeli do lewej, środka i prawej strony (left, center, right): align="left"
  • kolor tła komórki: bgcolor="kod szesnastkowy HEX lub nazwa koloru"


użycie:

{|align="left" border="1" cellspacing="4" cellpadding="3" rules="all" style="margin:1em 1em 1em 0; border:solid 1px #AAAAAA; border-collapse:collapse; empty-cells:show;
|+ Tytuł przykładowej tabeli
! bgcolor="#F2F2F2"|Kolumna 1
! bgcolor="#F2F2F2"|Kolumna 2
|-
| kolumna 1 rząd 1
| kolumna 2 rząd 1
|-
| kolumna 1 rząd 2
| kolumna 2 rząd 2
|-
| kolumna 1 rząd 3
| kolumna 2 rząd 3
|}


efekt:

Tytuł przykładowej tabeli
Kolumna 1 Kolumna 2
kolumna 1 rząd 1 kolumna 2 rząd 1
kolumna 1 rząd 2 kolumna 2 rząd 2
kolumna 1 rząd 3 kolumna 2 rząd 3