Как научиться HTML верстке?

Я тут больше говорю о фрилансерах, а не о профессиональных frontend developer'ах.

 

Место верстальщика на рынке труда

 
Основными нанимателями верстальщиков выступают не столько первичные клиенты (заказчики сайтов), сколько программисты, которые выступают в роли посредника между заказчиком и верстальщиком. Программисту верстальщики нужны в связи с ограниченными временными ресурсами (у программистов на верстку времени нет). Если программисты будут тратить свое время на верстку, то они не смогут потратить это время на что-то более сложно и важное.
 
Психотип тип среднестатистического верстальщика
 
Верстальщики без сомнения имеют математический склад ума (с графикой и дизайном у них постоянно проблемы). Но вопреки врожденной (или приобретенной) предрасположенности к строгим выражениям, знаний в сфере программирования у верстальщик обычно маловато (иначе они бы позиционировали себя как программисты). 
 
По факту версткой занимаются программисты, которые ещё не научились писать программы (или ещё находятся в процессе обучения). В связи со своим приземленным положением в "пищевой цепочки" большинство верстальщиков ощущают психологический дискомфорт при обсуждении своих профессиональных способностей. Например, верстальщик почти никогда не скажет "я этого не знаю" или "надо подумать как лучше это реализовать" или "дам ответ, когда подчитаю в гугл".
 
По какой-то странной причине верстальщик всегда в каком-то смысла аматер, хотя часто получает за это деньги.
 
Кто такие "профессиональные верстальщики"?
 
Бывают и профессиональные верстальщики. Во-первых, это профессиональные frontend разработчики, которые работают в команде. Во-вторых, это такой короткий промежуток времени, когда знания и опыт верстальщика-фрилансера уже достаточно высокие для того, чтобы "запилить" самую сложную верстку, но по прежнему слишком низкие, чтобы претендовать на проекты с серьезным бюджетом. На этом этапе верстальщик по факту уже является программистом, который всё ещё не гнушается рутинной работы.
 
Почему я об этом пишу?
 
В связи с повальной профессиональной безграмотностью молодых ребят (которые пишут несемантичный код, которые неправильно позиционируют элементы, которые запихивают в код непонятные для себя JS) я торжественно обещаю выложить подборку материалов, которую можно будет использовать как ликбез для верстальщиков. 
 
Давно собирался выложить обучающие материалы для верстальщиков, но времени не хватает. Теперь я пообещал. Все. В течении следующих трех месяцев я буду публиковать по одной статье о HTML и CSS в две недели. 
 
И пусть мой сайт заDOSят китайцы, если я не выполню своего обещания!
 
UPDATED
1. Семантичная верстка HTML - первая статья в цикле повествует о правилах оформление HTML документов. Я постарался рассказать о том, как сделать HTML код чистым и читаемым. Другими словами, как сделать так, чтобы в коде не было насрано.
2. Обращение к объекту в CSS: типы объектов и их классы - заметка с практическим примером обращения к классу и типу объектов в CSS. Приведен пример ошибки, которую многие верстальщики допускают.
Мои PET-проекты
Матч Шредингера. Про футбол без спойлеров. Сервис помогает выбрать интересный матч для просмотра в записе. Перейти »
MafiozZz. Сервис для тех, кто любит играть в мафию. Сервис дает клубам возможность завести клубный сайт, предоставляет удобный интерфейс для ведения подобной статистики, расписания игр, выдавать игрокам награды, проводь адресную SMS рассылку (и прочие плюшки). Перейти »