markdown
This commit is contained in:
parent
8ec0c752e1
commit
0350ac933a
1 changed files with 112 additions and 0 deletions
112
markdown.md
Normal file
112
markdown.md
Normal file
|
@ -0,0 +1,112 @@
|
|||
A Markdown egy nagyszerű módja a szöveg formázásának. A HTML nyelvhez hasonló, de sokkal egyszerűbb szintaxisa van. WYSIWYG szerkesztőkkel ellentétben, ahol már a formázott szöveget látod, a markdown-nál a nyers szöveget látod.
|
||||
|
||||
## Miért jó ez?
|
||||
|
||||
Átláthatóbb, egyszerűbb navigációt tesz lehetővé a sorok között. Veled fordult már elő, hogy benyomtad hogy legyen egy szöveg **félkövér**, majd új sort kezdtél és az is félkövérré lett formázva?
|
||||
|
||||
Rengeteg program található az interneten, minden operációs rendszerre, ami képes a nyers markdown szöveget, a végleges előnézettel megjeleníteni, többek között a fórumon megtalálható bejegyzés szerkesztő is ezen az alapon működik.
|
||||
<br>
|
||||
## Alapok
|
||||
|
||||
Mint írtam, megvan az a szintaxis, amit követni kell, hogy a várt eredményt kapjuk. Ebben a részben átnézzük az alapvető jelöléseket.
|
||||
<br>
|
||||
### Markdown fájl: .md
|
||||
|
||||
Egy Markdown fájl létrehozásához elég egy *.md elnevezésű fájlt létrehoznod.
|
||||
<br>
|
||||
### Fejléc
|
||||
|
||||
---
|
||||
|
||||
A fejléc írásához használjuk a '#' hashtag jelölést. A hashtagek száma jelöli a 6 szintjét a fejlécnek, lásd a lenti példát:
|
||||
|
||||
```
|
||||
# Level 1 Heading
|
||||
## Level 2 Heading
|
||||
### Level 3 Heading
|
||||
#### Level 4 Heading
|
||||
##### Level 5 Heading
|
||||
###### Level 6 Heading
|
||||
```
|
||||
<br>
|
||||
|
||||
### Bekezdések
|
||||
|
||||
---
|
||||
|
||||
Minden új bekezdést egy üres sor választ el. Használj ehhez dupla `enter`-t. A Markdown nem támogatja a „hard-wrapped” vagy „fixed-lint-lenght” bekezdéseket. Vagyis, ha egyszer megnyomod az `Enter` billentyűt, az nem fogja a szöveget új sorba kényszeríteni. A szerkesztési ablakban úgy tűnhet, mintha igen, de a HTML-ben ez nem jelenik meg.
|
||||
|
||||
Ennél a résznél hiába nyomtam csak `enter`-t. Használhatod a HTML-ből ismert `<br>` címkét is, ami jobban átláthatóvá teszi az összképet.<br>
|
||||
|
||||
Figyelj arra, hogy a `tab` és `szóköz` nem lehet a bekezdés elején, mert megvan a saját szerepük.
|
||||
<br>
|
||||
### Aláhúzás
|
||||
---
|
||||
Aláhúzáshoz használj 3db `---`, `***`, `___` jelet, szóközök nélkül.
|
||||
<br>
|
||||
### Kiemelés
|
||||
---
|
||||
Amikor egy szót vagy kifejezést akarsz kiemelni, hogy jobban észrevehető legyen, félkövérré vagy dőlté teheted. A _dőlt_ és __félkövér__ szöveg kétféleképpen hozható létre. Az első módszer, ha **csillagokkal** (*) veszed körbe a szöveget, a másik pedig, ha **aláhúzásjeleket** (_) használsz. Három használata esetén egyszerr lesz ___dőlt és félkövér___ is.
|
||||
|
||||
```
|
||||
|
||||
*dőlt*
|
||||
_dőlt_
|
||||
**félkövér**
|
||||
__félkövér__
|
||||
___dőlt és félkövér___
|
||||
***Dőlt és félövér***
|
||||
```
|
||||
<br>
|
||||
|
||||
### Idézet
|
||||
---
|
||||
> Idézet megjelenítéséhez használd a (>) szimbólumot.
|
||||
>
|
||||
> Lehet több soros is és természetesen ez is __formázható__.
|
||||
>> Dupla szimbólum esetén idézet az idézetben???
|
||||
|
||||
```
|
||||
|
||||
> Idézet helye
|
||||
>
|
||||
> Második sor egy __félkövér__ szöveggel
|
||||
>> Idézet az idézetben
|
||||
|
||||
```
|
||||
<br>
|
||||
|
||||
### Linkek
|
||||
---
|
||||
Link beillesztéséhez csak tedd `<közé>` a linket. Egyedi nevet is adhatsz neki, `[link neve](Link címe)`. <br>
|
||||
|
||||
Van egy harmadik lehetőség, az akkor lehet megfelelő választás, ha ugyan arra a linkre többször is szeretnél hivatkozni, akkor hozzá rendelhetsz egy azonosítót, ami így fog kinézni:<br>
|
||||
|
||||
`[hivatkozás neve][id]`<br>
|
||||
|
||||
...<br>
|
||||
|
||||
`[id]: https://www.rp1.hu`
|
||||
|
||||
```
|
||||
|
||||
<https://rp1.hu>
|
||||
[RP1 oldala](https://rp1.hu)
|
||||
|
||||
[RP's oldala][rp]
|
||||
|
||||
...
|
||||
[rp]: http://rp1.hu
|
||||
|
||||
```
|
||||
<br>
|
||||
|
||||
### Képek
|
||||
---
|
||||
A képek megjelenítése nagyon hasonló a linkekhez
|
||||
|
||||
```
|
||||
|
||||
![Ide jön a kép neve, ha nem töltődne be](https://a-kép-elérési-útvonala.hu/kép.png "Ide pedig az a szöveg jön, amit akkor jelenik meg, ha a kép felé viszed az egeret")
|
||||
|
||||
```
|
Loading…
Reference in a new issue