Парни, ну вы родились что ли сразу умными или как?
По существу:
проще всего оформить ваши маленькие файлы как php. А в основном файле использовать php директиву include. Например:
<?
//мелкий файл tovar1.php
echo('
<div class="item">
<img src="pic1.jpg">
<p>Супер товар 1</p>
</div>
');
?>
<!-- основной файл main.html -->
<div class="catalog">
<? include('tovar1.php'); ?>
<? include('tovar2.php'); ?>
...
<? include('tovarN.php'); ?>
</div>
На выходе вы получите:
<!-- основной файл main.html -->
<div class="catalog">
<div class="item">
<img src="pic1.jpg">
<p>Супер товар 1</p>
</div>
<div class="item">
<img src="pic2.jpg">
<p>Супер товар 2</p>
</div>
...
<div class="item">
<img src="picN.jpg">
<p>Супер товар N</p>
</div>
</div>
А теперь внимание магия:
В мелких файлах у вас один и тот же код по сути дублируется, т.е. изменяется только имя файла картинки и название товара. Что если эти данные поместить в массив? Вот как изменится код:
<!-- основной файл main.html -->
<?
$item_array = array (
1 => array (
'image' => 'pic1.jpg',
'title' => 'Супер товар 1'
),
2 => array (
'image' => 'pic2.jpg',
'title' => 'Супер товар 2'
),
...
N => array (
'image' => 'picN.jpg',
'title' => 'Супер товар N'
)
);
echo('
<div class="catalog">
');
foreach($item_array as $key => $item) {
echo('
<div class="item">
<img src="'.$item['image'].'">
<p>'.$item['title'].'</p>
</div>
');
}
echo('
</div>
');
?>
Постарайтесь разобраться в этом коде. Этот простейший пример продвинет вас на новый уровень.
зы: Извините, писал все "на бумажке", т.ч. возможны синтаксические ошибки...
Средний
