learnxinyminutes-docs/cs-cz/markdown.html.markdown

407 lines
10 KiB
Markdown
Raw Normal View History

2015-10-24 20:42:34 +03:00
---
language: markdown
2016-01-08 09:35:16 +03:00
lang: cs-cz
2015-10-24 20:42:34 +03:00
contributors:
- ["Dan Turkel", "http://danturkel.com/"]
translators:
- ["Michal Martinek", "https://github.com/MichalMartinek"]
- ["Tomáš Hartman", "https://github.com/tomas-hartman"]
2016-02-19 06:18:35 +03:00
filename: markdown-cz.md
lang: cs-cz
2015-10-24 20:42:34 +03:00
---
Markdown byl vytvořen Johnem Gruberem v roce 2004 jako značkovací jazyk, který
lze snadno číst a psát a který je možné jednoduše převést do HTML (a dnes i do
mnoha dalších formátů).
Implementace markdownu se v různých parserech (syntaktických analyzátorech,
které markdown dále zpracovávají) mírně odlišuje. V této příručce se snažíme
upozorňovat, kdy se jedná o obecnou vlastnost markdownu a kdy se jedná o
specifickou vlastnost daného parseru.
## Obsah
- [Obsah](#obsah)
- [HTML Elementy](#html-elementy)
- [Nadpisy](#nadpisy)
- [Jednoduché stylování textu](#jednoduché-stylování-textu)
- [Odstavce](#odstavce)
- [Blokové citace](#blokové-citace)
- [Seznamy](#seznamy)
- [Bloky kódu](#bloky-kódu)
- [Vodorovná čára (`<hr />`)](#vodorovná-čára-hr-)
- [Odkazy](#odkazy)
- [Obsahy](#obsahy)
- [Obrázky](#obrázky)
- [Ostatní](#ostatní)
- [Automatické odkazy](#automatické-odkazy)
- [Automatické odkazy z emailů](#automatické-odkazy-z-emailů)
- [Escapování znaků](#escapování-znaků)
- [Klávesové zkratky](#klávesové-zkratky)
- [Tabulky](#tabulky)
- [Markdownlint](#markdownlint)
- [Reference](#reference)
## HTML Elementy
Markdown je nadstavba HTML. To znamená, že každý HTML kód je zároveň validním
kódem v Markdownu.
```md
<!-- To znamená, že v Markdownu můžeme používat HTML elementy jako například
komentáře, které nebudou ovlivněny parserem Markdownu. Na druhou stranu to také
znamená, že pokud ve svém Markdown kódu vytvoříte HTML element, už v rámci
tohoto elementu nelze použít Markdown.
Markdown využívá i tato stránka, a tak by tento text, kdyby nebyl obalen v bloku
kódu (viz níže), jako validní HTML komentář vůbec nebyl vidět. -->
```
## Nadpisy
HTML elementy `<h1>``<h6>` vytvoříte jednoduše tak, že nadpisu předsadíte
takový počet křížků (#), jaký odpovídá úrovni nadpisu.
2015-10-24 20:42:34 +03:00
```md
2015-10-24 20:42:34 +03:00
# Toto je <h1>
## Toto je <h2>
### Toto je <h3>
#### Toto je <h4>
##### Toto je <h5>
###### Toto je <h6>
```
Markdown obsahuje ještě dva další způsoby, jak vytvořit h1 a h2:
2015-10-24 20:42:34 +03:00
```md
2015-10-24 20:42:34 +03:00
Toto je h1
==========
Toto je h2
----------
```
## Jednoduché stylování textu
2015-10-24 20:42:34 +03:00
Pomocí markdownu můžete text jednoduše označit jako kurzívu či tučný text.
2015-10-24 20:42:34 +03:00
```md
2015-10-24 20:42:34 +03:00
*Tento text je kurzívou;*
_Stejně jako tento._
**Tento text je tučně**
__Stejně jako tento.__
***Tento text je obojí***
**_Tak jako tento!_**
*__Nebo tento!__*
```
2015-10-24 20:42:34 +03:00
Ve verzi Markdownu od GitHubu máme k dispozici také přeškrtnutí:
2015-10-24 20:42:34 +03:00
```md
~~Tento text je přeškrtnutý.~~
```
2015-10-24 20:42:34 +03:00
## Odstavce
2015-10-24 20:42:34 +03:00
Odstavce tvoří jeden nebo více řádků textu, oddělených jedním nebo více
prázdnými řádky.
2015-10-24 20:42:34 +03:00
```md
Toto je odstavec. Zde jsem napsal odstavec a je to bezva!
2015-10-24 20:42:34 +03:00
Teď jsem v odstavci 2.
A tady jsem pořád v odstavci 2!
2015-10-24 20:42:34 +03:00
Ale tady už je odstavec 3.
```
2015-10-24 20:42:34 +03:00
Pokud byste chtěli vložit HTML element `<br />`, můžete na konec odstavce napsat
dvě nebo více mezer a potom začít nový odstavec.
2015-10-24 20:42:34 +03:00
```md
2015-10-24 20:42:34 +03:00
Tento odstavec končí dvěma mezerami.
Nad tímto odstavcem je <br />!
```
2015-10-24 20:42:34 +03:00
### Blokové citace
2015-10-24 20:42:34 +03:00
Blokové citace se dělají jednoduše uvozením řádku znakem >.
```md
2015-10-24 20:42:34 +03:00
> Toto je bloková citace. Můžete dokonce
> manuálně rozdělit řádky, a před každý vložit >, nebo nechat vaše řádky
> jakkoli dlouhé, ať se zarovnají samy.
> Je to jedno, pokud vždy začínají symbolem `>`.
2015-10-24 20:42:34 +03:00
> Použít můžu i více než jednu úroveň
>> odsazení.
> Co vy na to?
```
2015-10-24 20:42:34 +03:00
## Seznamy
2015-10-24 20:42:34 +03:00
Nečíslovaný seznam můžete jednoduše udělat pomocí hvězdiček, plusů nebo pomlček:
```md
2015-10-24 20:42:34 +03:00
* Položka
* Položka
* Jiná položka
2015-10-24 20:42:34 +03:00
nebo
+ Položka
+ Položka
+ Další položka
nebo
- Položka
- Položka
- Další položka
```
2015-10-24 20:42:34 +03:00
Číslované seznamy se dělají pomocí číslice a `.`.
2015-10-24 20:42:34 +03:00
```md
2015-10-24 20:42:34 +03:00
1. Položka jedna
2. Položka dvě
3. Položka tři
<!-- Čísla ani nemusíte psát popořadě. Markdown je umí zobrazit správně, jenom
je třeba vždy překontrolovat, že číslování funguje správně. -->
2015-10-24 20:42:34 +03:00
1. Položka jedna
1. Položka dvě
1. Položka tři
<!-- (Toto zobrazí to samé, jako příklad nad tím.) -->
```
2015-10-24 20:42:34 +03:00
Můžete také tvořit podseznamy:
```md
2015-10-24 20:42:34 +03:00
1. Položka jedna
2. Položka dvě
3. Položka tři
- Podpoložka
- Podpoložka
2015-10-24 20:42:34 +03:00
4. Položka čtyři
```
2015-10-24 20:42:34 +03:00
Vytvořit lze i zaškrtávací seznamy. Takto lze vytvořit seznam s HTML checkboxy.
(Boxy níže bez 'x' jsou nezaškrtnuté checkboxy.)
2015-10-24 20:42:34 +03:00
```md
- [ ] První úkol, který je třeba dokončit
- [ ] Druhý úkol na dodělání
Tento box bude zaškrtnutý
2015-10-24 20:42:34 +03:00
- [x] Tento úkol byl dokončen
```
2015-10-24 20:42:34 +03:00
## Bloky kódu
2015-10-24 20:42:34 +03:00
Bloky kódu můžete označit tak, že řádek odsadíte čtyřmi mezerami nebo pomocí
tabu. Pro interpretaci kódu parser používá `<code>` element.
```md
2015-10-24 20:42:34 +03:00
Toto je kód
Stejně jako toto
```
2015-10-24 20:42:34 +03:00
Pro ještě hlubší odsazení můžete přidat další 4 mezery nebo další tab:
2015-10-24 20:42:34 +03:00
```md
2015-10-24 20:42:34 +03:00
moje_pole.each do |i|
puts i
end
```
2015-10-24 20:42:34 +03:00
Jednořádkový kód můžete zabalit do dvou zpětných apostrofů (`) tak, jako
kdybyste text normálně stylovali:
2015-10-24 20:42:34 +03:00
```md
Honza neměl tušení, co dělá funkce `go_to()`!
```
2015-10-24 20:42:34 +03:00
V Markdownu od GitHubu, můžete použít speciální syntaxi pro kód:
2015-10-24 20:42:34 +03:00
<pre><code class="highlight">&#x60;&#x60;&#x60;ruby
2015-10-24 20:42:34 +03:00
def neco
puts "Ahoj světe!"
end
&#x60;&#x60;&#x60;</code></pre>
2015-10-24 20:42:34 +03:00
Text výše nepotřebuje čtyřmezerové odsazení a parser navíc použije zvýraznění
syntaxe pro zvolený jazyk.
2015-10-24 20:42:34 +03:00
## Vodorovná čára (`<hr />`)
2015-10-24 20:42:34 +03:00
Vodorovnou oddělovací čáru lze snadno přidat pomocí 3 nebo více hvězdiček (nebo
pomlček), a to buď s mezerami mezi jednotlivými znaky, nebo bez nich.
```md
2015-10-24 20:42:34 +03:00
***
---
- - -
****************
```
2015-10-24 20:42:34 +03:00
## Odkazy
```md
<!-- Jedna z nejlepších vlastností Markdownu je, jak snadno lze s jeho pomocí
vytvářet odkazy. Text odkazu, který chcete zobrazit vložte do [] a hned za něj
v kulatých závorkách () připojte url adresu. -->
2015-10-24 20:42:34 +03:00
[Klikni na mě!](http://test.com/)
<!-- V uvozovkách za url můžete přidat název odkazu -->
2015-10-24 20:42:34 +03:00
[Klikni na mě!](http://test.com/ "Odkaz na Test.com")
<!-- Relativní cesty fungují také -->
2015-10-24 20:42:34 +03:00
[Jdi na hudbu](/hudba/).
<!-- Markdown taktéž podporuje referenční odkazy -->
2015-10-24 20:42:34 +03:00
[Klikni na tento odkaz][link1] pro více informací!
[Taky zkontrolujte tento odkaz][neco], jestli tedy chcete.
2015-10-24 20:42:34 +03:00
[link1]: http://test.com/ "Cool!"
[neco]: http://neco.czz/ "Dobře!"
<!-- Titulek v tomto případě může být v jednoduchých uvozovkách, závorkách, nebo
zcela vynechaný. Reference může být kdekoliv ve vašem dokumentu a identifikátory
mohou být jakékoli, pokud jsou unikátní. -->
2015-10-24 20:42:34 +03:00
<!-- V markdownu existuje rovněž "implicitní pojmenování", které použije text
odkazu jako své id -->
2015-10-24 20:42:34 +03:00
[Toto][] je odkaz..
[toto]: http://totojelink.cz/
<!-- Ale tento způsob se obvykle nepoužívá. -->
```
### Obsahy
Kombinace seznamů, odkazů a nadpisů využívají také některé parsery pro
generování obsahu Markdown souborů. Jako identifikátory slouží jména nadpisů
psané malými písmeny, které jsou uvozené křížkem (`#`). Víceslovné nadpisy
bývají propojeny pomlčkou (`-`), která někdy nahrazuje i speciální znaky. Jiné
speciální znaky mohou být vynechány.
```md
- [Nadpis](#nadpis)
- [Víceslovný text](#víceslovný-text)
- [Odstavce](#odstavce)
- [Podkapitola <h3 />](#podkapitola-h3-)
```
V případě obsahů se v každém případě jedná o nadstavbu, která nemusí všude
fungovat stejně.
## Obrázky
2015-10-24 20:42:34 +03:00
```md
<!-- Obrázky se vytváří stejně jako odkazy, ale s vykřičníkem na začátku -->
2015-10-24 20:42:34 +03:00
![Toto je atribut alt pro obrázek](http://imgur.com/myimage.jpg "Nepovinný titulek")
<!-- Reference fungují tak, jak bychom čekali -->
2015-10-24 20:42:34 +03:00
![Toto je atribut alt][mujobrazek]
[mujobrazek]: relativni/cesta/obrazek.jpg "a toto by byl titulek"
```
## Ostatní
2015-10-24 20:42:34 +03:00
### Automatické odkazy
```md
<http://stranka.cz/>
je stejné jako
2015-10-24 20:42:34 +03:00
[http://stranka.cz/](http://stranka.cz/)
```
2015-10-24 20:42:34 +03:00
### Automatické odkazy z emailů
2015-10-24 20:42:34 +03:00
```md
2015-10-24 20:42:34 +03:00
<jmeno@prijmeni.cz>
```
2015-10-24 20:42:34 +03:00
### Escapování znaků
2015-10-24 20:42:34 +03:00
```md
Chci napsat *tento text obklopený hvězdičkami*, ale protože nechci, aby to bylo
kurzívou, tak hvězdičky vyescapuji `\`: \*tento text bude obklopený hvězdičkami\*.
```
2015-10-24 20:42:34 +03:00
### Klávesové zkratky
```md
<!-- V Markdownu od GitHubu můžete použít tag <kbd> k označení kláves na
počítači -->
2015-10-24 20:42:34 +03:00
Váš počítač přestal pracovat? Zkuste
<kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd>
```
### Tabulky
2015-10-24 20:42:34 +03:00
Tabulky lze využít pouze v Markdownu od GitHubu a jejich syntax je trošku
zvláštní. Kdybyste je chtěli použít, vytváří se takto:
2015-10-24 20:42:34 +03:00
```md
2015-10-24 20:42:34 +03:00
| Sloupec1 | Sloupec2 | Sloupec3 |
| :----------- | :------: | ------------: |
| Vlevo zarovn.| Na střed | Vpravo zarovn.|
| blah | blah | blah |
<!-- nebo je jde taky zapsat takto: -->
2015-10-24 20:42:34 +03:00
Sloupec 1 | Sloupec2 | Sloupec3
:-- | :-: | --:
Že se to nedá číst? | No tak to takhle | radši nedělejte.
```
2015-10-24 20:42:34 +03:00
## Markdownlint
2015-10-24 20:42:34 +03:00
Pro usnadnění práce s Markdownem a s cílem sjednotit styl psaní jeho kódu vznikl
nástroj `Markdownlint`. Tento nástroj je dostupný i jako plugin pro některé
editory kódu (IDE) a lze jej použít jako nástroj pro vytváření a ověřování
validity a čitelnosti Markdownu kódu.
---
## Reference
2015-10-24 20:42:34 +03:00
Pro více informací doporučujeme oficiální článek o syntaxi od Johna Grubera
[zde](http://daringfireball.net/projects/markdown/syntax) a skvělý tahák od
Adama Pritcharda [zde](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet).
---
> _Pozn. překladatele:_ Tento text vznikl jako překlad původního článku, který
> pochází z roku 2013 a kombinace původního českého překladu z roku 2015.
> Některé informace v tomto článku, zejména ty, týkající se specifických
> vlastností parserů markdownu tak již dnes mohou být zastaralé.
Aktuální informace o specifických vlastnostech různých implementací Markdownu
můžete nalézt zde (v angličtině):
- [Markdown pro GitHub](https://docs.github.com/en/github/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax)
- [Markdown pro GitLab](https://docs.gitlab.com/ee/user/markdown.html)