HTML — это Hypertext Markup Language, язык гипертекстовой разметки. Он позволяет размечать содержимое так, чтобы сделать его более понятным для устройств, а в итоге и для людей.
Ее ширина — 960 px. Заголовок и подвал выводятся на всю ширину макета. Область слева имеет ширину 200 px, а область справа — 100 px. Значит, ширина средней части составит 660 px. В первую очередь преобразуем среднюю и боковые части, приведя их к пропорциональным размерам. Начнем преобразование слева. Разделим целевой размер 200 единиц на 960 единиц (среду) и получим 0,208333333. Переместим десятичный разделитель на две позиции вправо: 20,8333333 %. Именно так целевое значение описывается в процентном отношении к исходному.