Вэб для меня новое, по этому если я где-то буду говорить неправильно или непонятно, то прошу поправить или переспросить. Задача такая - построить один объект из много частей. То есть, есть рисунки фона, текстовых полей, кнопок, которые получают значения из файлов на сервере и в дальнейшем они будут анимированы. Но я ни как не разберусь, как правильно все это скомпоновать в отдельный объект, который можно было бы либо создавать как класс либо ещё что-то делать... Вот как есть компонент кнопка, у неё есть свойства label, которому можно задавать значение. Вот как так же создать свой объект? Если можно расскажите последовательность действий?
И я так понял, что в html нельзя создать собственные элементы, по этому вопрос - какой элемент нужно создать, чтобы объединить другие элементы?
<img class="rect_1" src="img/rect.jpg" height="337" width="344">
Дополнение:
Постараюсь объяснить подробнее - вот если бы я делал в объектно ориентированных языках и мне нужно было бы создать уникальный объект ( как у меня на картинке в самом верху ), то я бы создал класс UniqueObject и в нем бы создавал другие классы ( на картинке зеленым это отдельный уникальный компонент, а серым показывается из чего он состоит ). Так же в классе UniqueObject я бы сделал методы для позиционирования других уникальных классов и так по всей иерархии. И вот если бы перед инитом приложения я узнал, что у пользователя маленький монитор, то создал бы только один экземпляр этого уникального класса, а если большой, то создал бы столько, сколько смогло бы поместится на экране. Вот как такое же сделать в html+другие языки? Если перейти к конкретной задачи, то у меня есть картинка-фон, по верх неё должны быть ещё несколько одинаковых картинок с текстовым полем поверх них и несколько кнопок. И в зависимости от размера экрана я должен выводить или один такой скомпанованый компонент или два. Как такое сделать?