Zombie42679

А я бы ul-ом зафигачил и в css уже подмарафетил...
Крышу :before картинкой на БГ, первый этаж :after тоже картинкой на БГ
А остальное как раз для ul списка подходит очень даже...
Даже OL-ом, и этажи будут пронумерованы автоматически:)

<ol reversed>
<li>...</li>
</ol>

Рисовать в html получится с помощью canvas. Но я бы сделал с помощью svg. Еще можно просто картинку дома кинуть на back и разметить с помощью<map>
Но с svg удобнее как по мне, так как дом можно генерировать с разными конфигурациями.

https://snazzymaps.com/

Изучите JavaScript хорошо. jQuery не помешает - чтобы там не говорили о "в 2017 году jQuery не нужен" - немало сайтов его до сих пор используют и в ус не дуют + существует немало legacy-кода, который приходится поддерживать и в наши дни. Вы должны понимать, что он делает под капотом, почему облегчает работу с DOM, а затем и переходить на Vue - с тройки описанных технологий он показался самым простым для погружения в мир JS-фреймворков

Знание фреймворка не избавляет от необходимости учить язык. В тот самый момент, когда вся архитектура и все фишки фреймворка, которые можно скопировать, подсмотреть в туториалах или в документации, будут вами воплощены в приложении, придётся писать, собственно, логику приложения. А это делать предстоит на javascript или typescript.

Желательно хорошо знать JS, jQurey вообще знать необязательно.
Я советую начать изучать Vue, т.к. у него порог вхождения более низкий, и его можно легко использовать в простых вещах , калькуляторы, слайдеры и т.д.

Начните с простого, когда поймете как работает Vue, больше не захочется работать с элементами через JQuery.
Учить можно сразу, т.к. с Vue совместно будете изучать работу JS.