Kак перенести YAML в HTML?

Question

Kekatoz @Kekatoz

HTML

Kак перенести YAML в HTML?

у меня есть YAML с содержанием:

toys:
- id: 1
name: boat
status: broken
status_updated: 2018-03-19
games:
- id: 1
note: need repair
- id: 14
note: boat is broken
- id: 7
name: Teddy bear
status: ok
status_updated: 2018-03-30
games:
-id: 5
note: bear feels well
- id: 43
name: octopus
status: ok
status_updated: 2018-03-19
games:
- id: 5
note: felt rather good though had no water to swim
- id: 14
note: two tentacles are lost

и нужно чтобы он точно также отобразился на html странице. как это провернуть?

Вопрос задан более трёх лет назад
154 просмотра

2 комментария

Подписаться Простой 2 комментария

Alex @Kozack Куратор тега HTML

Опишите всё, что вы уже сделали для решения проблемы. Не забудьте рассказать, почему тот или иной вариант действий не сработал. Это даст окружающим дополнительную информацию о вашей проблеме и сократит время поиска решения.

Написано более трёх лет назад

Олег @lolzqq

Создайте в блокноте текстовый файл, со следующим текстом и присвойте ему расширение .html:

<!doctype html>
<html lang="ru">
<head>
  <meta charset="utf-8" />
  <title></title>
  <link rel="stylesheet" href="style.css" />
</head>
<body>
   <pre>
toys:
- id: 1
name: boat
status: broken
status_updated: 2018-03-19
games:
- id: 1
note: need repair
- id: 14
note: boat is broken
- id: 7
name: Teddy bear
status: ok
status_updated: 2018-03-30
games:
-id: 5
note: bear feels well
- id: 43
name: octopus
status: ok
status_updated: 2018-03-19
games:
- id: 5
note: felt rather good though had no water to swim
- id: 14
note: two tentacles are lost
   </pre>
</body>
</html>

Написано более трёх лет назад

Помогут разобраться в теме Все курсы

Яндекс Практикум

Профессиональная вёрстка на HTML и CSS

3 месяца

Далее
Stepik

Основы HTML и CSS

2 недели

Далее
OTUS

HTML/CSS

3 месяца

Далее

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

+2 ещё

Простой
Как сделать горизонтальный скролл стрелками?
- 1 подписчик
- вчера
- 102 просмотра
0

ответов
PHP

+2 ещё

Простой
Создание элемента с необычной формой и прозрачным фоном и рамкой?
- 1 подписчик
- 03 нояб.
- 126 просмотров
0

ответов
HTML

Простой
При клике на кастомную кнопку “Скачать” не происходит переход, хотя JS-обработчик отрабатывает. Как решить?
- 1 подписчик
- 29 окт.
- 161 просмотр
0

ответов
HTML

+1 ещё

Простой
Как создать карточки в рядах со смещением?
- 1 подписчик
- 28 окт.
- 107 просмотров
1

ответ
HTML

+1 ещё

Простой
Как в руководстве steam сделать обтекающий картинку текст?
- 1 подписчик
- 08 окт.
- 135 просмотров
1

ответ
HTML

+1 ещё

Средний
Скачал плагин image preview в вс коде, чтобы установить иконку сайта. Иконка появилась в браузере, но не появилась слева напротив строки. Почему так?
- 1 подписчик
- 30 сент.
- 155 просмотров
1

ответ
HTML

+1 ещё

Простой
От какой технической характеристики компьютера зависит скорость работы сайта, указанного ниже?
- 1 подписчик
- 24 сент.
- 469 просмотров
2

ответа
HTML

+1 ещё

Простой
Как убрать линии у бейджиков в Markdown?
- 1 подписчик
- 23 сент.
- 209 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как менять картинки у карточки в списке товаров?
- 4 подписчика
- 22 сент.
- 361 просмотр
1

ответ
HTML

+1 ещё

Средний
Как правильно сочетать теги article, section и заголовки h1-h6?
- 2 подписчика
- 21 сент.
- 249 просмотров
2

ответа
Показать ещё Загружается…

PHP-разработчик

FoodSoul • Калининград

от 180 000 до 250 000 ₽

Специалист технической поддержки (чат)

WebSoft

от 50 000 до 70 000 ₽

Senior Frontend-разработчик в команду управления доступами

SMALL

от 3 000 до 4 700 $

Опишите всё, что вы уже сделали для решения проблемы. Не забудьте рассказать, почему тот или иной вариант действий не сработал. Это даст окружающим дополнительную информацию о вашей проблеме и сократит время поиска решения.
Создайте в блокноте текстовый файл, со следующим текстом и присвойте ему расширение .html:

<!doctype html> <html lang="ru"> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="style.css" /> </head> <body> <pre> toys: - id: 1 name: boat status: broken status_updated: 2018-03-19 games: - id: 1 note: need repair - id: 14 note: boat is broken - id: 7 name: Teddy bear status: ok status_updated: 2018-03-30 games: -id: 5 note: bear feels well - id: 43 name: octopus status: ok status_updated: 2018-03-19 games: - id: 5 note: felt rather good though had no water to swim - id: 14 note: two tentacles are lost </pre> </body> </html>

Kак перенести YAML в HTML?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт