Имеется файлик array.txt с названиями и ссылками на картинки условных категорий
/catalog/view/theme/default/icons/icons-catalog/id1.svg Химия для бассейнов
/catalog/view/theme/default/icons/icons-catalog/id2.svg Фильтры для бассейнов
/catalog/view/theme/default/icons/icons-catalog/id3.svg Насосы
/catalog/view/theme/default/icons/icons-catalog/id4.svg Дозирующее оборудование
Через этот код PHP преобразовал файлик в массив
<?php
$peremennaya = file("array.txt");
print_r($peremennaya);
?>
И получил это
Array
(
[0] => /catalog/view/theme/default/icons/icons-catalog/id1.svg Химия для бассейнов
[1] => /catalog/view/theme/default/icons/icons-catalog/id2.svg Фильтры для бассейнов
[2] => /catalog/view/theme/default/icons/icons-catalog/id3.svg Насосы
[3] => /catalog/view/theme/default/icons/icons-catalog/id4.svg Дозирующее оборудование
)
Вопрос: Как можно данные из этого массива поочередно вставить в эти места HTML? и например если строк в файле array.txt больше 10, то циклом это выводилось в HTML
<div class="_30CWHKH _3eXsdaG" str="1">
<div class="_1FmS6_e">
<img alt="Химия для бассейнов" src=" ВОТ СЮДА " /></div>
<a class="o0XE4_n" href="#">
<h2 class="_2PmikUJ" txt="1">И ТУТ</h2>
<div data-dy="menu-item-tag"></div>
</a>
</div>
<div class="_30CWHKH _3eXsdaG" str="2">
<div class="_1FmS6_e"><img alt="Фильтры для бассейнов" src="ВОТ СЮДА" /></div>
<a class="o0XE4_n" href="#">
<h2 class="_2PmikUJ" txt="2">И ТУТ</h2>
<div data-dy="menu-item-tag"></div>
</a>
</div>