Markdown деген не? Жейтін зат па?

Markdown — бұл HTML тілді тез жазуға арналған, оңайтылған еренмәтін белгілеу тілі.Frontend әлемінде осы сияқты жұмыс істейтін тілдерді препроцессор тілдері деп атайды.Себебі браузерлер markdown белгілеу тілін түсінбейді.Тіпті ең соңғы нұсқасы да. Оңай тілмен айтқанда сіз markdownда жазып, шығарда html аласыз.Бұл процесс — компилияциялау деп аталады. Одан шыққан html-ді енді браузер өз ана тіліндей оқып шығады. Алдымен оны ойлап тапқан адамның еңбегін сыйлап, атын атап кетейін — Джон Грубер есімді азамат. 2004 жылы ол осы тілге жан бітірген.Қызық ия? Қазақ тілін де осылай бір адам ойлап таба салса ғой! Тағат таппай жатсаңдар мына сілтемеге өтіп, markdown-мен ойнай берсеңдер болады. Дәл осы жерде сіздердің ақылды бастарыңыз осы ой келген шығар: Не қажеті бар тағы бір тіл, қиналмай html де жаза бермейміз ба? — деп ойлап жатқан шығарсыздар. Көп сөзді қойып астындағы суретке қараңыздар. Сол жақта — Markdown, оң жақта — html.

Markdown-ды HTML-мен салыстыру

Артық сөйлегім келмейді.Негізі markdown-ді қолдану аясы көп емес. Оның себебі markdown бүкіл html тіліндегі тэгтарды қамтымайды. Дегенмен ол қамтитын тэгтермен сайттың контентін жазып шығуға әбден болады. Егер сіз контент менеджер болсаңыз мені түсінетін шығарсыз.

Енді синтаксисін қамтитын кез келді.


Ескертпе! Бұл жаңа жаңа материалды игеру үшін HTML еренмәтін тілін бірінші үйрену шарт

Абзац

Әрбір жазылған абзац
<p>Қарапайым текстке...</p>

айналады.

Тақырыптарды(Загаловки) жазу үшін.

# Тақырып H1
<h1> Тақырып H1 </h1>

## Тақырып H2
<h2> Тақырып H2 </h2>

### Тақырып H3
<h3> Тақырып H3 </h3>

#### Тақырып H4
<h4> Тақырып H4 </h4>

##### Тақырып H5
<h5> Тақырып H5 </h5>

###### Тақырып H6
<h6> Тақырып H6 </h6>


Нөмірленген тізім

1. Али Окапов
2. Жанар Дугалова
3. Ғалымжан Молданазар
4. Баян Есентаева

мынау html кодқа айналады

<ol>
 <li>Али Окапов</li>
 <li>Жанар Дугалова</li>
 <li>Ғалымжан Молданазар</li>
 <li>Баян Есентаева</li>
</ol>


Дәл солай тек сандар орнына * немесе _ жазсаңыз ретсіз тізім аласыз. .

Қаріптердің түрі

**Жирный**
__Жирный__
*Курсив*
_Курсив_

Сілтеме жасау

[Codio сайты](http://codio.kz) => Codio сайты

Суретті сайтқа енгізу

![Алтерьнативті сөз](https://www.huement.com/web/wp-content/uploads/2013/10/logo-1.jpg)


Бағдарлама кодын енгізу

`console.log('Бұл код');` =>
console.log('Бұл код');


Назарларыңызға рахмет!

  • +1
1 пікір
ErKun
Жалпы тэгтардан қолайлы көрінеді, тіл заңдылығын біліп алсаң… Өзіме ұнады. Khan жазбаңыз үшін көп рахмет!
Тек тіркелген қолданушылар ғана пікір қалдыра алады.