Лабораторная работа №1. Markdown

Цель работы: изучить основы работы с языком разметки Markdown, научиться создавать и форматировать текстовые документы.

Оборудование: компьютер с установленным текстовым редактором, поддерживающим Markdown (например, Visual Studio Code, Atom, Sublime Text или онлайн-редакторы, такие как StackEdit, Dillinger).

Теоретические сведения:

Руководство по оформлению Markdown файлов

Basic Syntax. The Markdown elements outlined in the original design document.

Рисуем диаграммы Mermaid.js в README-файлах GitHub

Общее задание для всех студентов

Тема: Создание комплексного документа с использованием возможностей Markdown

Цель: Научиться использовать различные элементы Markdown для создания структурированного и информативного документа.

Задание:

1. Создайте файл report.md.
2. Включите в документ следующие элементы:
   • Заголовки (уровни от 1 до 3).
   • Абзацы текста.
   • Списки (нумерованные и ненумерованные).
   • Вставка изображений.
   • Вставка ссылок.
   • Таблицы.
   • Вставка кода (блоки кода и встроенный код).
   • Цитаты.
   • Горизонтальные линии.
3. Оформите документ так, чтобы он выглядел как отчет по выполненной лабораторной работе, включающий:
   • Титульный лист с названием работы, вашим именем и датой.
   • Введение с описанием цели работы.
   • Основную часть с описанием выполненных шагов и результатов.
   • Заключение с выводами по проделанной работе.

Индивидуальные задания по Markdown

Вариант 1

1. Математические Формулы: Вставьте формулу квадратичного уравнения.
2. Диаграммы с Mermaid: Создайте блок-схему процесса регистрации пользователя.
3. Встроенный HTML: Вставьте кнопку и текстовое поле для ввода имени.
4. Сложные Таблицы: Создайте таблицу с объединением ячеек для расписания занятий.
5. Галерея Изображений: Вставьте три изображения природы.
6. Вложенные Списки: Создайте список покупок с подкатегориями.
7. Подсветка Синтаксиса: Вставьте блоки кода на Python и JavaScript.
8. Цитаты: Вставьте цитату Альберта Эйнштейна.
9. Таблица Содержания: Создайте автоматическую таблицу содержания.
10. Эмодзи и Специальные Символы: Вставьте эмодзи для обозначения успеха и ошибки.

Вариант 2

1. Математические Формулы: Вставьте формулу для вычисления площади круга.
2. Диаграммы с Mermaid: Создайте диаграмму классов для простой системы.
3. Встроенный HTML: Вставьте форму для отправки комментария.
4. Сложные Таблицы: Создайте таблицу с выравниванием текста для списка студентов.
5. Галерея Изображений: Вставьте три изображения городов.
6. Вложенные Списки: Создайте план проекта с подзадачами.
7. Подсветка Синтаксиса: Вставьте блоки кода на Java и C++.
8. Цитаты: Вставьте цитату Стива Джобса.
9. Таблица Содержания: Создайте автоматическую таблицу содержания.
10. Эмодзи и Специальные Символы: Вставьте эмодзи для обозначения важной информации.

Вариант 3

1. Математические Формулы: Вставьте формулу для вычисления объема сферы.
2. Диаграммы с Mermaid: Создайте диаграмму Ганта для проекта.
3. Встроенный HTML: Вставьте видео с YouTube.
4. Сложные Таблицы: Создайте таблицу с объединением ячеек для меню ресторана.
5. Галерея Изображений: Вставьте три изображения животных.
6. Вложенные Списки: Создайте список задач с подзадачами.
7. Подсветка Синтаксиса: Вставьте блоки кода на Ruby и PHP.
8. Цитаты: Вставьте цитату Марка Твена.
9. Таблица Содержания: Создайте автоматическую таблицу содержания.
10. Эмодзи и Специальные Символы: Вставьте эмодзи для обозначения завершенных задач.

Вариант 4

1. Математические Формулы: Вставьте формулу для вычисления гипотенузы треугольника.
2. Диаграммы с Mermaid: Создайте диаграмму последовательности для процесса покупки.
3. Встроенный HTML: Вставьте аудиоплеер.
4. Сложные Таблицы: Создайте таблицу с выравниванием текста для списка книг.
5. Галерея Изображений: Вставьте три изображения автомобилей.
6. Вложенные Списки: Создайте план поездки с подкатегориями.
7. Подсветка Синтаксиса: Вставьте блоки кода на Swift и Kotlin.
8. Цитаты: Вставьте цитату Бенджамина Франклина.
9. Таблица Содержания: Создайте автоматическую таблицу содержания.
10. Эмодзи и Специальные Символы: Вставьте эмодзи для обозначения предупреждений.

Вариант 5

1. Математические Формулы: Вставьте формулу для вычисления логарифма.
2. Диаграммы с Mermaid: Создайте диаграмму состояния для автомата.
3. Встроенный HTML: Вставьте карту Google Maps.
4. Сложные Таблицы: Создайте таблицу с объединением ячеек для расписания конференции.
5. Галерея Изображений: Вставьте три изображения еды.
6. Вложенные Списки: Создайте список фильмов с подкатегориями.
7. Подсветка Синтаксиса: Вставьте блоки кода на Go и Rust.
8. Цитаты: Вставьте цитату Уинстона Черчилля.
9. Таблица Содержания: Создайте автоматическую таблицу содержания.
10. Эмодзи и Специальные Символы: Вставьте эмодзи для обозначения идей.

Вариант 6

1. Математические Формулы: Вставьте формулу для вычисления синуса угла.
2. Диаграммы с Mermaid: Создайте диаграмму потока данных.
3. Встроенный HTML: Вставьте слайдер изображений.
4. Сложные Таблицы: Создайте таблицу с выравниванием текста для списка сотрудников.
5. Галерея Изображений: Вставьте три изображения архитектуры.
6. Вложенные Списки: Создайте список рецептов с подкатегориями.
7. Подсветка Синтаксиса: Вставьте блоки кода на TypeScript и Scala.
8. Цитаты: Вставьте цитату Махатмы Ганди.
9. Таблица Содержания: Создайте автоматическую таблицу содержания.
10. Эмодзи и Специальные Символы: Вставьте эмодзи для обозначения вдохновения.

Вариант 7

1. Математические Формулы: Вставьте формулу для вычисления производной.
2. Диаграммы с Mermaid: Создайте диаграмму ER для базы данных.
3. Встроенный HTML: Вставьте календарь.
4. Сложные Таблицы: Создайте таблицу с объединением ячеек для плана уроков.
5. Галерея Изображений: Вставьте три изображения космоса.
6. Вложенные Списки: Создайте список упражнений с подкатегориями.
7. Подсветка Синтаксиса: Вставьте блоки кода на Perl и Haskell.
8. Цитаты: Вставьте цитату Конфуция.
9. Таблица Содержания: Создайте автоматическую таблицу содержания.
10. Эмодзи и Специальные Символы: Вставьте эмодзи для обозначения креативности.

Вариант 8

1. Математические Формулы: Вставьте формулу для вычисления интеграла.
2. Диаграммы с Mermaid: Создайте диаграмму активности для процесса заказа.
3. Встроенный HTML: Вставьте форму для подписки на новости.
4. Сложные Таблицы: Создайте таблицу с выравниванием текста для списка продуктов.
5. Галерея Изображений: Вставьте три изображения животных.
6. Вложенные Списки: Создайте список мероприятий с подкатегориями.
7. Подсветка Синтаксиса: Вставьте блоки кода на Lua и Elixir.
8. Цитаты: Вставьте цитату Льва Толстого.
9. Таблица Содержания: Создайте автоматическую таблицу содержания.
10. Эмодзи и Специальные Символы: Вставьте эмодзи для обозначения успеха.

Вариант 9

1. Математические Формулы: Вставьте формулу для вычисления площади треугольника.
2. Диаграммы с Mermaid: Создайте диаграмму компонентов для веб-приложения.
3. Встроенный HTML: Вставьте интерактивную карту.
4. Сложные Таблицы: Создайте таблицу с объединением ячеек для расписания поездов.
5. Галерея Изображений: Вставьте три изображения искусства.
6. Вложенные Списки: Создайте список книг с подкатегориями.
7. Подсветка Синтаксиса: Вставьте блоки кода на R и Julia.
8. Цитаты: Вставьте цитату Фридриха Ницше.
9. Таблица Содержания: Создайте автоматическую таблицу содержания.
10. Эмодзи и Специальные Символы: Вставьте эмодзи для обозначения идей.

Вариант 10

1. Математические Формулы: Вставьте формулу для вычисления объема цилиндра.
2. Диаграммы с Mermaid: Создайте диаграмму последовательности для процесса регистрации.
3. Встроенный HTML: Вставьте форму для обратной связи.
4. Сложные Таблицы: Создайте таблицу с выравниванием текста для списка задач.
5. Галерея Изображений: Вставьте три изображения природы.
6. Вложенные Списки: Создайте список целей с подкатегориями.
7. Подсветка Синтаксиса: Вставьте блоки кода на SQL и Bash.
8. Цитаты: Вставьте цитату Джорджа Оруэлла.
9. Таблица Содержания: Создайте автоматическую таблицу содержания.
10. Эмодзи и Специальные Символы: Вставьте эмодзи для обозначения завершенных задач.