Не съм виждал някъде да има формулирана конвенция кое е правилното. По принцип това си е до самия човек, как е свикнал, как му е по-удобно и прочие. Аз лично стилизирам още когато създавам елемента, примерно правя header-а стилизирам го както искам и чак след това продължавам надолу. Разбира се някой друг може да му е по-удобно да изгради структурата на цялата страница и след това да стилизира. Пак казвам това си е въпрос на избор :)

И аз мисля,че няма точно утвърдена практика, но по-скоро трябва първи да е готов HTML, защото ако решиш да правиш промени по него, може да се окаже,че стиловете не работят както искаш.Например решава да замениш неблоков с блоков елемент,тогава всички елементи "падат" на долния ред.И въпреки това ти сам ще си намериш най-добрата практика. Видео уроците, които съм гледал неизменно започват с HTML.

GoShow и аз така си помислих, понеже ако трябва примерно да обединиш някоя група от елементи с еднакви стилове във "class" приемрно, първо мисля че е по-добре да нашишеш HTML - a и след това да започнеш стилиацията. Също така мисля че ще е по-лесно после да напишеш селекторите върху вече готовия HTML, друг е въпроса че трябва да имаш визуална картина на сайта в главата си.

Аз ще дам още един глас за писането на структурата преди писането на стиловете. Това е от особено значение ако искаш да си валидираш HTML-а. Няма смисъл да пишеш парарелно с него и стиловете и после да го пуснеш във валидатора и да се окаже, че трябва да промениш нещо, следователно трябва да преправяш и стиловете. Двойна работа.

От друга страна в курса по HTML ми се искаше да видя повече домашни, които са свързани именно със структурата на файла, отколкото с неговата стилизация. Може би ще е идейно за следващия курс да се добавят домашни, които искат не сходство с картинката, ами валидиране на написания HTML. Също така ще бъде интересно, според мен, да се вмъкнат домашни, които показват структура на документ чрез някои outline инструмент и да се иска да се постигне същия резултат.