Сергей Попов

Никогда. Табличная верстка уже давно устарела и не используется.

Сегодня существуют более правильные альтернативы - устаревающий на глазах метод верстки флоатами на блоках, флексы, гриды. На крайний случай - можно эмулировать у блоков табличную верстку: display: table / table-cell;

Без дивов ты не сможешь верстать. Открой любую страницу и посмотри. Максимум - замена дивов - элементы html5, которые более нативны для скринридеров, но по факту являются лишь алиасом (большая часть) для элемента div.

Ничего сложного: background-attachment: fixed

Здесь представлены все доступные на текущий момент способы создать скошенные углы

Без смены разметки здесь не справиться. По правилам, в p тег лучше не встраивать блочные элементы.

Вообще, гугл решает такие проблемы. Раз, два.

Ух. Ты уже ползешь в сферу фронтенда.
То, что ты хочешь сделать, осуществимо, пожалуй, двумя способами: либо через сервер, либо через фронтенд-скрипт. Но это, в любом случае, не для новичка.
Если интересно. Вот (раздел Wire up a Backend, отмотай чуть ниже. Справа JavaScript projects) реализация подобного фильтра (на другой основе, но принцип тот же) на angular. На бэкэнде все несколько проще - ты изменяешь значение фильтра и отправляешь запрос на сервер, где формируется новая статичная таблица на основе этого фильтра. Параметр можно передать, для простоты, get-запросом.

На данном сайте используется slick slider. Однако, применяется довольно интересный эффект перехода. Если коротко, то существует блок overlay - h10imgwrapmove. Именно на него накладывается эффект сдвижения влево-вправо в тот момент, когда исчезает определенный класс с родительского элемента (за счет transform translate), основное содержимое пропадает одновременно с исчезновением определенного класса с родительского элемента. Как сделать эффект приближения. Все также просто. При появлении класса active увеличивать изображение, например transform scale

Или задать кодировку html страницы явно в теге doctype