Pomoc:Listy i tabelki

Centrum pomocy serwisu Borealis - linkowanie

<<<Linkowanie HTML & CSS>>>

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.

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

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

Tabelki

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

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: