Если видео недоступно для просмотра, попробуйте выключить блокировщик рекламы.
Для сохранения прогресса вступите в курс. Войти или зарегистрироваться.

Полезное

Конспект

Язык разметки — это набор символов или последовательностей для передачи информации о структуре и выводе текста. Иными словами, это просто набор соглашений, правил.

Допустим, что вы общаетесь с другом по СМС. В них нельзя сделать текст жирным или наклонным. Вы договариваетесь с другом: если я пишу *что-то* вот так между звездочками, то считай, что это наклонный текст. А если я пишу **что-то** между двумя звездочками, то считай, что это жирный текст. Вы придумали правила. Markdown — это набор подобных правил.

Правила понятны разным программам и сайтам. Например, «Вопросы и ответы» в уроках на Хекслете поддерживают Markdown. Это значит, что вы можете писать туда тексты по правилам Markdown, а после нажатия «Отправить» разметка станет реальной: текст в одинарных звездочках станет наклонным, текст в двойных звездочках станет жирным и так далее. Это конвертация из Markdown в HTML.

HTML — язык разметки для веб-страниц. Формально не является языком программирования. Примеры элементов HTML:

  • <hr> — горизонтальная черта
  • <h1>Заголовок первого уровня</h1>
  • <h2>Заголовок второго уровня</h2>
  • <h3>Заголовок третьего уровня</h3>
  • <p>Параграф</p>
  • <blockquote>Цитата</blockquote>

На Хекслете есть бесплатный курс по основам HTML и веб-дизайна.

Разметка в HTML делится на два типа:

  1. Логическая (семантическая) разметка. К ней относится элемент h1, который означает «заголовок».
  2. Визуальная разметка. Примером такой разметки является элемент b, который делает текст полужирным.

HTML — иерархическая структура: элементы могут входить в элементы: <p>Раз <b>Два</b> Три</p>

Наш интерфейс:

import {
  make, append, toString, node
} from 'hexlet-html-tags';

const html1 = make();
const html2 = append(html1, node('h1', 'hexlet'));
const p1 = node('p', 'hello, world');
const html3 = append(html2, p1);

toString(html3);
// <h1>hexlet</h1>
// <p>hello, world</p>
Мы учим программированию с нуля до стажировки и работы. Попробуйте наш бесплатный курс «Введение в программирование» или полные программы обучения по Node, PHP, Python и Java.

Хекслет

Подробнее о том, почему наше обучение работает →