Лучший/самый функциональный способ создать это?

Question

- Заметка: Я до сих пор довольно новичок в CSS и html) -

Попытка практиковать мою кодировку (CSS, HTML) далее, я решил сделать для себя немного. Часть экрана (html-страница) будет заполнена небольшими блоками, как показано ниже. Все они имеют одинаковые размеры, но могут иметь разные цвета (1 столбец = 1 цвет) и другой текст в них (как показано ниже). Они также должны позволять иметь в них изображения. Каждый маленький блок будет другой ссылкой.

Всего может быть более 50 (максимум 5 в столбце) таких маленьких блоков, каждый из которых имеет другой текст (размер, вес, (не), заглавную) или изображение и другую ссылку. В затылке я также думаю о добавлении javascript для взаимодействия с ними (как в открытии ссылки, или даже при добавлении/удалении блоков)

Теперь мне было интересно, как я это сделаю. Я вижу два варианта: таблицы и div.

У них обоих есть плюсы и минусы, и поэтому я хотел бы попросить ваше мнение об этом. Зачем идти так или иначе? Любые другие решения, которые я мог упустить?

EDIT: Краткое изложение моей идеи (время не хватает):

1. ДИВ:
   • Легче изменить каждый Див
   • проще с Java
   • легче изменить текст или изображения в это
   • кажется, нравится моим предпочтениям
   • редактирование пространства между блоками (отступы) и блоки со стороной необходим дополнительный код
2. Таблица:
   • легче сделать много сразу
   • понятнее код
   • Harder, чтобы изменить стиль текста или изображения каждого блока

Answer 1

вы можете делать с divs, divs с css-таблицами или обычными старыми html-таблицами.

Если вам нужны абсолютные положения и ширина/высота, пойдите с div.

Если вам нужны ячейки, которые могут распространяться самостоятельно, перейдите со столом.

css-таблицы довольно новые, и я не использовал их так, чтобы вы сами решали. тенденция в создании веб-страниц заключается в использовании divs в настоящее время с небольшими или отсутствующими таблицами. но это зависит от вас.

Answer 2

Простейший способ будет иметь нагрузку плавающих дивизий. Вы должны никогда использовать таблицы для размещения контента, только для вещей, которые должны отображаться в таблице

например.

float:left; 
margin:10px 10px 0 0; 
width:50px; 
height:50px; 

Тогда, если они все разные цвета вы можете стиль, что либо встроенный, либо еще с некоторыми классами

Answer 3

Если вы планируете сделать их интерактивными. Вы определенно должны использовать Divs. Они проще в использовании с Javascript