Web page layout is the process of creating web pages in a text or WYSIWYG editor, as well as the result of this process, which is the web pages themselves.
Based on the principles of using HTML markup, there are two types: logical markup and presentational (physical) markup.
For example, italic text can be achieved using either the <i> tag or the <em> tag. In the first case, italic is applied explicitly, while in the second case, logical emphasis is applied to the text, which is typically displayed in italics. In other words, the first approach focuses on the appearance, while the second focuses on the logical purpose. The advantage of the second approach is the independence of layout from the type of device and web page design used. By adhering to logical markup, the same layout can be used for screens, printing, and handheld devices, adjusting the appearance through separate style files.