Jak stylizować Tutoriale w systemie Markdown

19 lutego, 2012 w kategoriach: Pozostałe

2,422 3
Dane:
  • Czas pracy: nieograniczony
  • Poziom: Podstawowy
Opis:

Tutek pokazujący jak Stylizować nasze tutki żeby były czytelniejsze

Zacznijmy może od nagłówków

aby uzyskać styl nagłówka pierwszego stopnia przed tekstem należy wstawić znak # a każdy kolejny o jeden # więcej np.

Nagłówek 1

Nagłówek 2

Nagłówek 3

Nagłówek 6

Pogrubienie tekstu- tekst należy napisać między czterema ** ** lub __ __ (4 podkreślniki)

Pogrubienie

Kursywa – tekst należy wstawić miedzy dwie * * lub 2 _ _

Kursywa


Lista-

aby utworzyć listę każdy punkt zaczynamy * należy jednak pamiętać aby listę oddziielić od tekstu linijką odstępu aby list np.

  • ogórek
  • banan
  • pomidor

lista zagnieżdżona

  • warzywa
  • marchewka
  • ogórek
  • owoce
  • jabłko

Linki:

tekst pod którym będzie ukrywał się link wpisujemy w nawias kwadratowy [ ] np. [example] dalej w nawiasie zwykłym ( ) wpisujemy nasz link np. (www.example.pl)

na przykład link do Google wyświetli się tak google

Linia

Jesli jakiś wątek albo zdanie chcemy oddzielić linią wystarczy kilka razy wcisnąć * , – lub _
uwagę trzeba zwrócić na znak minus gdyż bezpośrednio pod tekstem zamiast linii nada mu styl nagłówka


Tekst między liniami.


Stylizacja kodu

1# metoda:

4 spacje przed linią kodu

a { background: -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%);
    color: #000; 
    text-decoration: none;
    padding: 2px 6px;
    -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;

2# metoda:

3 znaki ` lub 3 znaki ~

    a { background: -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%);
        color: #000; 
        text-decoration: none;
        padding: 2px 6px;
        -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

Skrypt

3 znaki ` lub 3 znaki ~

a { background: -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%);
        color: #000; 
        text-decoration: none;
        padding: 2px 6px;
        -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

Wydawnictwo Strefa Kursów

Tutorial się podobał? Podziel się z innymi:

Dyskusja (3 wypowiedzi)

Dodaj odpowiedź

Dodaj komentarz