Верстка кодом

Верстка веб-страницы — это ее формирование с помощью HTML, CSS и JS. Если вы верстаете баннерами, вы формируете ее с помощью html-тегов <img>, обёрнутых в тег ссылки <a></a>, если верстаете стандартными блоками Taplink, то это что-то типа тега <h1></h1> и <p></p>, обёрнутых в тег <div></div>, а если верстаете полностью кодом, то это +- тоже самое, что верстка стандартными блоками, только без функциональных ограничений платформы.

CSS — язык стилизации HTML-кода (вот почему человек, который называет верстку созданием только хтмл или только ксс, несет чушь). То есть дописав код на CSS, вы можете поменять тексту цвет, шрифт, поменять форму и размер кнопок и т.д.

JS (JavaScript) — язык программирования, которым можно прописать различные алгоритмы или "обходы" стандартного формирования веб-страницы. К примеру, с помощью JS можно вычислять текущее время, вычитать из него какое-либо число и вставлять результат в качестве текста заголовка каждую секунду (так работают таймеры, например).

Если вам интересна вёрстка кодом, рекомендую начинать именно с CSS, попутно гугля недостающие в стандартном Taplink HTML-теги, и уже потом, когда и если вы захотите от Taplink-ов переходить на уровень повыше, осваивать JS

Учиться лучше всего с практики, для освоения CSS и JS вам пригодятся расширения UserCSS и UserJS, которые помогут писать код онлайн и сразу применять к своему таплинку, но применять локально, только для вашего браузера.

Вы будете способны перенести практически любой макет с помощью кода, когда вам будет хватать знаний, чтобы ответить на вопросы из вот этого видео https://youtu.be/4YRG6cMAASI

Как работают эти расширения показано в видео:

usercss https://chrome.google.com/webstore/detail/user-css/okpjlejfhacmgjkmknjhadmkdbcldfcb?hl=ru

UserJS https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld?hl=ru