Мова розмітки markdown.

Мова розмітки Markdown.

Всім привіт! Сьогодні ми поговоримо про мову розмітки Markdown, дізнаємося його синтаксис і зрозуміємо, де його можна застосовувати.

Ця мова не нова, з`явився він у 2004 році. Markdown - дуже легкий мова розмітки, який ви можете скомпілювати в html. Він прекрасно підходить для створення web контента, наприклад, для написання статей на сайті.

Відео: Markdown - Огляд мови розмітки

Перейдемо до синтаксису. Для початку вам потрібно створити файл з розширенням .md. Далі ми будемо компілювати цю мову в мову html. Ви можете знайти компілятори на просторах інтернету.

Отже, спочатку варто відзначити, що перенесення тексту ігноруються. Наприклад, якщо ви напишіть якийсь текст на різних рядках, то на виході отримаєте текст на одній. Якщо ж вам потрібно розбити текст на параграфи, то потрібно вставити одну або більше порожніх рядків. Наприклад, ось так:

Відео: Урок 5. Категорії і пости Jekyll

It`S the first paragraph

It `
s the second paragraph

Якщо вам потрібно зробити заголовок, тобто то, що в html робиться за допомогою тега h1, то просто додайте під текстом три або більше символів =

It`S the h1 heading
=======

Для створення заголовка h2 підкресліть текст лініями, що складаються з дефісів

It`S the h2 heading -------

Погодьтеся, це не дуже-то зручно, тому є інший варіант оформлення заголовків. Просто поставте один символ # перед текстом, щоб зробити його заголовком h1. Якщо ви поставите 2 символи #, то це буде заголовок h2, якщо 3, то h3, і так далі...

Якщо вам потрібно оформити текст, як цитату, то поставте перед нею символ lt;

lt; It`s my quote


Щоб зробити цілий текст або тільки якусь його частину курсивом, оберніть фрагмент тексту символом *

Lorem*ipsum dolor sit* amet.

Щоб зробити текст жирним, оберніть його двома *. Якщо вам потрібно зробити текст відразу і жирним і курсивним, то оберніть його трьома *.

Якщо вам з якихось причин не подобається використовувати для цього здвездочкі, то можете використовувати знаки нижнього підкреслення.

Якщо вам в тексті потрібно використовувати знак нижнього підкреслення, зірочку або будь-який інший, який використовується мовою Markdown для оформлення, то їх потрібно екранувати.

Lorem_ipsum dolor sit_ amet.


Перейдемо до списків. Для створення маркованих списків можна використовувати зірочки на початку рядка.

* item 1
* item 2
* item 3
* item 4
* item 5

Замість зірочок також можна використовувати знаки + і -.

Для створення нумерованих списків просто напишіть будь-яку цифру і точку, а потім потрібний вам текст.

1.Item1
1.Item2
1.Item3
1.Item4
1.Item5

Незважаючи на те, що у нас всюди на початку стоять цифри 1, список буде пронумерований правильно: 1, 2, 3, 4, 5

Для створення розділових ліній на сторінці ви можете використовувати дефіси або зірочки на окремих рядках

The first line
---
The second line

В результаті ви отримаєте таку ж лінію, як і при використанні тега hr

Для створення посилань в Markdown ви повинні обернути текст в квадратних дужках, а потім написати, куди буде вести це посилання, в круглих дужках.

You can download it [here] (http://yandex.ru/).

Зображення вставляються також, як і посилання, тільки на початку ви повинні поставити знак оклику, потім в квадратних дужках вказати текст, який буде виводитися, якщо зображення не буде завантажено (тобто. Це як атрибут alt в html), А потім вказати шлях до зображення в круглих дужках.

![Itis the alt text] (images/image.png)

Для того, щоб позначити шматок коду всередині параграфа, потрібно обернути його в зворотні одинарні лапки (апострофи)

Lorem ipsum dolor `
`
sit amet.

Якщо вам потрібно позначити шматок коду не в параграфі, то просто вставте його на сторінку, а потім зробіть відступ зліва в одну табуляцію або 4 пробілу.

Відео: Markdown: syntax basics

Lorem ipsum dolor sit amet.

var a =7-
alert
(a) -

Lorem ipsum dolor sit amet.

Як ви могли помітити, текст на мові Markdown залишається досить читаним в порівнянні з html. Крім цього його дуже просто писати, тому його часто використовують в різних онлайнових редакторах, наприклад, в GitHub.

А на цьому у мене все, спасибі за увагу!

Поділися в соціальних мережах:

Схожі
Спецсимволи в htmlСпецсимволи в html
HtmlHtml
Визначення мови користувача на phpВизначення мови користувача на php
Як розділити текст в excel (формули левсимв, правсимв)Як розділити текст в excel (формули левсимв, правсимв)
Як розбити текст по стовпцях в excelЯк розбити текст по стовпцях в excel
Як в windows змінити завантаження за замовчуванням мову введенняЯк в windows змінити завантаження за замовчуванням мову введення
Вивчаємо sass. Встановлення та налаштування.Вивчаємо sass. Встановлення та налаштування.
Перевірка орфографії в word скопійованого тексту.Перевірка орфографії в word скопійованого тексту.
Створення движка на mvc. Вступ.Створення движка на mvc. Вступ.
Html-теги для текстуHtml-теги для тексту
» » Мова розмітки markdown.