Табличная верстка
Табличная верстка - страница содержит <table>

Блочная верстка
Блочная верстка - страница содержит <div>

На заметку!
Плохо использовать (табличную вестку) <table>
Нужно использовать (блочную вестку) <div>
Блочная верстка лучше индексируется поисковыми системами

Суть блочной верстки
В графическом редакторе создается макет сайта: размечается, где какая область страницы (шапка, низ, боковая панель, основной контент) будет находиться и сколько места занимать, готовятся картинки, фоны.

Каждая часть страницы помещается в свой блок <div>
первый блок содержит верх сайта
второй блок содержит меню
третий блок содержит контент
и т. д.

Каждый блок наполняется содержимым средствами HTML, а также позиционируется и оформляется с помощью разметки CSS.

HTML страница представляет собой набор блоков <div> с контентом внутри. Оформление зачастую находится в отдельном файле CSS.

Принципы блочной верстки
Содержимое от оформления нужно отделять.
HTML — отдельный файл
CSS — отдельный файл

Такой подход делает структуру понятней. Программисту не нужно открывать файл CSS.
Дизайнеру не надо открывать файл HTML.
Все пишут свой код и не мешают друг другу.