• Corporate
Back to Blog

Basic Syntax

March 16, 2022

Basic Syntax Markdown documentation
Visual Studio Code Markdown plugin


Headers

Heading h1

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quaerat inventore nostrum voluptatem illum ipsum, repudiandae ratione delectus! Voluptatibus necessitatibus, culpa labore sunt ex, facere quasi inventore modi hic accusamus dicta!

Heading h2

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quaerat inventore nostrum voluptatem illum ipsum, repudiandae ratione delectus! Voluptatibus necessitatibus, culpa labore sunt ex, facere quasi inventore modi hic accusamus dicta!

Heading h3

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quaerat inventore nostrum voluptatem illum ipsum, repudiandae ratione delectus! Voluptatibus necessitatibus, culpa labore sunt ex, facere quasi inventore modi hic accusamus dicta!
1te

Heading h4

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quaerat inventore nostrum voluptatem illum ipsum, repudiandae ratione delectus! Voluptatibus necessitatibus, culpa labore sunt ex, facere quasi inventore modi hic accusamus dicta!

Heading h5

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quaerat inventore nostrum voluptatem illum ipsum, repudiandae ratione delectus! Voluptatibus necessitatibus, culpa labore sunt ex, facere quasi inventore modi hic accusamus dicta!

Heading h6

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quaerat inventore nostrum voluptatem illum ipsum, repudiandae ratione delectus! Voluptatibus necessitatibus, culpa labore sunt ex, facere quasi inventore modi hic accusamus dicta!


Paragraphs

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quaerat inventore nostrum voluptatem illum ipsum, repudiandae ratione delectus! Voluptatibus necessitatibus, culpa labore sunt ex, facere quasi inventore modi hic accusamus dicta!

Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Quaerat inventore nostrum voluptatem illum ipsum, repudiandae ratione delectus! Voluptatibus necessitatibus, culpa labore sunt ex, facere quasi inventore modi hic accusamus dicta!

Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Quaerat inventore nostrum voluptatem illum ipsum, repudiandae ratione delectus! Voluptatibus necessitatibus, culpa labore sunt ex, facere quasi inventore modi hic accusamus dicta!


Emphasis

Bold

I just love bold text.

Loveisbold

Italic

Italicized text is the cat’s meow.

Acatmeow

Bold and Italic

This text is really important

Blockquotes

Dorothy followed her through many of the beautiful rooms in her castle.

Dorothy followed her through many of the beautiful rooms in her castle.

The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood

Lists

Ordered Lists

  1. First item
  2. Second item
  3. Third item
    1. Indented item
    2. Indented item
  4. Fourth item

Unordered Lists

  • First item
  • Second item
  • Third item
    • Indented item
    • Indented item
  • Fourth item

Links

Markdown links documentation

https://www.markdownguide.org/basic-syntax/#links

bobyorrr@gmail.com

links to internal pages

Schedule a demo

Get a demo Get a demo

Tables

ParameterType
keyUpStringJump key replacement in event.code format
keyDown,StringDown key replacement in event.code format
keyRightStringReplacing the movement key to the right in the event.code format
keyLeftStringReplacing the movement key to the left in the event.code format
velocityNumberSpecifies the speed of movement of the body ⇄ along the x axis

Code example

const HIDE_CLASS = "_hide",
btnListEl = document.querySelectorAll("[data-new-workflow-btn]"),
textListEl = document.querySelectorAll("[data-new-workflow-text]");

const hideShow = (index) => {
for (const textEl of textListEl) {
textEl.classList.add(HIDE_CLASS);
}
textListEl[index].classList.remove(HIDE_CLASS);
};

for (const btnEl of btnListEl) {
const index = btnEl.dataset.newWorkflowBtn;
btnEl.addEventListener("mouseover", () => {
hideShow(index);
});
btnEl.addEventListener("mouseleave", () => {
hideShow(0);
});
}
# Program to transpose a matrix using a nested loop

X = [[12,7],
[4 ,5],
[3 ,8]]

result = [[0,0,0],
[0,0,0]]

# iterate through rows
for i in range(len(X)):
# iterate through columns
for j in range(len(X[0])):
result[j][i] = X[i][j]

for r in result:
print(r)

Images

Image alt text

Images + figure

Image alt text

Масштабированная модель Эйфелевой башни в Парке Мини-Франция

Images + attribute

Image alt text

Images .webp + Retina

В идеале для перформенса и хорошего отображения изображений необходимо использовать shortcodes picture. Но тут есть нюанс, для работы одной картинки требуются 8 изображений. Это делается для того чтобы в зависимости от устройства пользователя загружалось подходящие для него изображения.

Название изображений очень важно. Постфикс -m означает что изображение предназначена для мобильных устройств. Постфикс @2x означает что изображения предназначена для дисплеев с Retina дисплеев. Так же они могут быть вместе -m@2x

НазванияФорматРазрешение pxДесктопМобильныйRetina
imgName.png / .jpg920 x 543
imgName-m.png / .jpg420 x 248
imgName.webp920 x 543
imgName-m.webp420 x 248
imgName@2x.png / .jpg1840 x 1086
imgName-m@2x.png / .jpg840 x 496
imgName@2x.webp1840 x 1086
imgName-m@2x.webp840 x 496




Image title text

Images + link

Image alt text

iframe youtube

video local

Stay connected!