LAYOUT

Este término es utilizado para nombrar la forma de distribución de los elementos de un diseño. En HTML el layout o maquetación se usa para pasar el diseño de un producto web en un conjunto de archivos (HTML, CCS y JavaScript) para que sean capaces de ser corridos por los navegadores. La maquetación web, puede hacerse fácilmente con los editores gráficos de HTML, esta herramienta nos permite hacer una maquetación web sin escribir ni una sola línea de código

En la maquetación se usa el prototipo grafico de un producto, para luego ser pasado a código HTML donde se le incluirá el diseño CSS y la interactividad con JavaScript de ser necesario. Esto con el fin de ser corrido en un navegador correctamente.

tomada de: https://www.pensandoenweb.es/pasar-de-psd-a-html-y-css-maquetando-una-web-desde-cero/