Нужно изучить это в учебных курсах, например, новый : http://www.dev.1c-bitrix.ru/community/blogs/Docs_and_other/course-developer-bitrix-framework.php
Весь HTML код выводится:
1) в шаблоне сайта.
2) в шаблонах компонентов.
Поэтому создаете Битрикс шаблон на основе HTML-макета, затем в местах, где нужно сделать динамическую информацию, вставляете PHP-код подключения компонента. Затем заходите на страницу сайта в режиме правки, наводите на область компонента, и в подменю "Шестеренки" выбираете "Копировать шаблон". Чтобы потом понять, в каком же файле хранится шаблон, в том же подменю "Шестеренки" нажмите "Редактировать шаблон", в заголовке окна будет путь к редактируемому файлу.