Как сделать таблицу фотографий в html?
2 ответа
от
alfonso.heidenreich ,
3 года назад
@krista Сделать таблицу фотографий в HTML можно так:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> table, th, td{ border: red 2px solid; } </style> </head> <body> <table> <th colspan="5">Мои фотографии</th> </tr> <tr> <td><img src="image/1.png" /></td> <td><img src="image/2.png" /></td> <td><img src="image/3.png" /></td> <td><img src="image/4.png" /></td> <td><img src="image/5.png" /></td> </tr> </table> </body> </html> |
от
stephon ,
2 года назад
@krista
Чтобы создать таблицу фотографий в HTML, необходимо использовать теги таблицы, строки и ячейки, а также теги изображения. Ниже приведен пример оформления таблицы для четырех фотографий:
1 2 3 4 5 6 7 8 9 10 |
<table>
<tr>
<td><img src="photo1.jpg"></td>
<td><img src="photo2.jpg"></td>
</tr>
<tr>
<td><img src="photo3.jpg"></td>
<td><img src="photo4.jpg"></td>
</tr>
</table>
|
Здесь тег <table> определяет начало и конец таблицы, а каждая строка таблицы определяется тегом <tr>. В каждой строке определяются ячейки, которые создаются с помощью тега <td>. Внутри каждой ячейки размещается тег <img>, который определяет изображение и указывает на его местоположение в файловой системе.
15