Мова розмітки 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, css, php, js - підручник
- Як в windows змінити завантаження за замовчуванням мову введення
- Кращі плагіни sublime text 3
- Як розбити текст по стовпцях в excel
- Що таке less?
- Як поміняти мову системи в ubuntu
- Як розділити текст в excel (формули левсимв, правсимв)
- Навіщо потрібна мова xml?
- Як додати мову на панель задач? Додаємо ще одну мову
- Html 5 що нового?
- Як навчитися друкувати на клавіатурі 10-ю пальцями, що не дивлячись на неї.
- Коли використовувати reset.css і normalize.css.
- Як зробити ефект вдавленого тексту на css3.
- Вивчаємо sass. Встановлення та налаштування.
- Вивчаємо coffeescript. Вступ.
- Робота з github (3/3)
- Визначення мови користувача на php
- Створення движка на mvc. Вступ.
- Html-теги для тексту
- Перевірка орфографії в word скопійованого тексту.
- Html