Додавање хоризонталних линија у Маркдовн

Dodavane Horizontalnih Linija U Markdovn



У овом водичу ћемо научити о додавању хоризонталних линија у Маркдовн.

Предуслови:

Да бисте извршили кораке који су приказани у овом водичу, потребне су вам следеће компоненте:

  • Одговарајући Маркдовн едитор. На пример, ВСЦодиум , Притисните (вилица од Атом ) или било који мрежни уређивач ознака.
  • Основно разумевање Маркдовн-а (опционо).

Маркдовн

Маркдовн је популаран језик за означавање који омогућава додавање различитих елемената (наслова, слика, табела, итд.) у обичне текстуалне документе. Поред уграђене синтаксе, Маркдовн такође подржава различите ХТМЛ ознаке. Временом је стекао популарност због свог занимљивог скупа функција:







  • Лагана : У поређењу са другим језицима за означавање, Маркдовн је једноставан и лаган. Стандардни Маркдовн не укључује много синтаксе, а истовремено чува своје различите карактеристике.
  • Преносивост : Маркдовн документ је у основи обичан текст. Дакле, било који програм може да ради са њим. Такође можете креирати Маркдовн форматиран текст на било којој платформи.
  • Популарност : Маркдовн се користи за прављење веб локација, докумената, белешки, е-поште и другог. Велике корпорације као што су Реддит, ГитХуб итд. такође подржавају Маркдовн.

Хоризонталне линије у Маркдовну

У Маркдовну, хоризонтална линија се појављује овако:





Постоје различите прилике у којима ћете можда желети да додате хоризонталну линију у документ. На пример, означавање почетка/краја одељка.





Креирање новог документа

Док радимо са уређивачем Пулсар, морамо да отворимо нову текстуалну датотеку да бисмо сачували наш Маркдовн документ. Из главног прозора идите на Фајл >> Нова датотека или користите „ Цтрл + Н ” пречица на тастатури.



Пулсар едитор долази са функцијом прегледа Маркдовн уживо. Да бисте омогућили преглед уживо, идите на Пакети >> Маркдовн Превиев >> Тоггле Превиев . Алтернативно, користите „ Цтрл + Схифт + М ” пречица на тастатури.

Креирање хоризонталних линија

У Маркдовн-у постоји неколико синтакса за означавање хоризонталне линије:

  • ***
  • ___

Сви они ће резултирати сличним излазом.

Да бисте демонстрирали, копирајте и налепите следећи код у уређивач текста:

# Здраво Свете

___

# брза смеђа лисица

***

# прескаче лењог пса

___

#123456789

овде:

  • За бољи визуелни приказ користимо форматирање Х1 за сваки ред текста.
  • Креирамо три хоризонталне линије користећи три различита симбола.
  • Постоји нова линија пре и после сваког симбола хоризонталне линије.

Препоручује се да користите такав размак јер симбол „—“ без размака означава наслов:

погрешан метод

---

Здраво Свете

Креирање хоризонталних линија помоћу ХТМЛ-а

Ако сте раније радили са ХТМЛ-ом, вероватно сте упознати са <хр /> за стварање хоризонталних линија. Такође ради у Маркдовну.

Погледајте следећи код:

## Здраво Свете

< хр />

овде:

  • За текст користимо форматирање Х2.
  • Тхе <хр /> таг генерише хоризонталну линију у приказаном излазу.

Једна интересантна предност овог приступа је да не морате да бринете да ћете случајно креирати наслов.

Тхе <хр /> таг такође омогућава подешавање различитих својстава излаза. На пример: боја, ширина итд. Погледајте следећи пример:

## пример 1

< хр стил = 'обруб: 3пк пуна зелена' />

## пример 2

< хр стил = 'ивица: 9 пиксела испрекидана црвена' />

## пример 3

< хр стил = 'бордер: 9пк чврста; граница-радијус:9пк; висина:33пк' />

овде:

  • Сви примери укључују ЦСС за стилизовање хоризонталне линије.
  • У првом примеру креирамо једноставну хоризонталну линију у боји.
  • У другом примеру креирамо испрекидану хоризонталну линију.
  • У трећем примеру креирамо заобљену хоризонталну линију.

Да бисте сазнали више, погледајте ознаку <хр /> у ХТМЛ-у .

Извоз Маркдовн као ХТМЛ

Уз прави алат, документ форматиран у Маркдовн-у може се конвертовати у ХТМЛ. Пулсар едитор долази са овом уграђеном функцијом.

Да бисте копирали приказани излаз као ХТМЛ, кликните десним тастером миша на прозор за преглед и изаберите „Копирај као ХТМЛ“.

Добијени ХТМЛ изгледа овако:

Закључак

Разговарали смо о креирању хоризонталних линија у Маркдовн-у. Приказали смо коришћење и уграђене Маркдовн синтаксе и ХТМЛ синтаксе за креирање хоризонталних линија.

Заинтересовани сте да сазнате више о Маркдовну? Погледајте Маркдовн поткатегорија .