Для начала усвойте одну простую истину - разметка никакого отношения не имеет к макету и расположению элементов. Гуглить в сторону "семантика html".
Так же у вас в голове должно сформироваться представление о том что такое элементы, какими они бывают (строчные, блочные, inline-block, flex) и в чем между ними различие, когда какие применять и т.д.
Затем вы должны разобраться с такой вещью как
поток.
Так же было бы неплохо почитать про БЭМ. Не стоит применять этот подход в чистом виде по началу, пока вы не разберетесь во всем. И уж тем более если вы не используете какие-либо инструменты автоматизации. Но саму идею вы должны усвоить.
Ну и для начала вам этого должно хватить.