HTML:
-
https://www.youtube.com/playlist?list=PLB37D12AE64DF8..
-
https://www.youtube.com/watch?v=LICSA6iJd6w&list=..
-
https://www.youtube.com/watch?v=gGYV7Gb7LTo&list=..
CSS:
-
https://www.youtube.com/playlist?list=PL026CCEB512587..
Практика HTML/CSS вёрстки и созданий сайтов на движках WordPress/Opencart -
https://www.youtube.com/user/agragregra/playlists
Параллельно просмотру - повторяй, практикуйся, а также практикуйся потом и без видосов сам пробуй. Также постепенно можно будет пробовать самостоятельно делать целый собственный сайт. Сначала возможно одностраничный.
Также желательно поискать дизайн-макеты сайтов или готовый сайт, который понравится(оптимальный по сложности) и пробовать сделать также.
На обучение в день можно тратить 3-4 часа оптимально(если нет учебы и личной жизни, то хоть все 8)
Сроки изучения html/css могут быть разными у всех, но в среднем несколько месяцев обычно достаточно, чтобы изучить и успеть неплохо попрактиковаться.
По каждой технологии желательно посмотреть несколько курсов от разных авторов, а иногда можно одни и те же пересматривать по несколько раз, чтобы понимать новые детали и лучше осознавать старые.
После изучения основ отличной идеей будет узнать, что такое CSS препроцессоры, сборщики проектов и CSS фреймворки(Bootstrap скорее всего).
Дальше можно изучать Javascript, работу с движками(CMS).
А это слушать:
https://www.youtube.com/playlist?list=PL363QX7S8Mf... 
