Как объединить html файлы в один?

Объединяйте содержимое документов внутри одного каркаса HTML, а не склеивайте целые файлы подряд. Например, в новом документе оставьте один head и один body, а материалы двух страниц поместите в отдельные контейнеры внутри body.

<body>
  <section id="part-a">Первый раздел</section>
  <section id="part-b">Второй раздел</section>
</body>

Это только схема размещения: перенесите вместо текста реальные элементы и добавьте подходящие заголовки. Повторные doctype, html, head и body из второго документа не вставляйте как вложенную страницу. Браузер может пытаться исправить такую склейку, но исправления не заменяют продуманную структуру.

В общем head объедините необходимые подключения и метаданные. Одно и то же подключение не дублируйте без причины. Проверьте порядок стилей: одинаковые селекторы из двух файлов способны начать переопределять друг друга. Разделите области действия классов или уточните селекторы контейнерами, сохраняя намеренное оформление каждого раздела.

Переименуйте повторяющиеся id и обновите связанные ссылки, for, aria-controls и JavaScript-селекторы. Иначе кнопка или подпись может обращаться к первому совпавшему элементу чужого раздела. Простой перенос визуально похожих блоков не устраняет эти связи.

Пересчитайте относительные пути к изображениям, стилям и скриптам от нового адреса документа. Путь внутри отдельного CSS считается от самого CSS-файла, поэтому перемещение таблицы стилей требует своей проверки.

После объединения проверьте HTML валидатором, затем каждую кнопку и ссылку. Сначала добейтесь корректной структуры и уникальных связей, затем исправляйте оформление. Если необходимо оставить документы полностью независимыми, подходит iframe, но это будет другой результат: отдельные документы внутри общей страницы, а не объединённый поток содержимого.