HTML has four different kinds of techniques to create multi-column layouts. Each technique has its advantages and disadvantages. There are also different semantic elements used to design different parts of a webpage. Columns are a common way to layout website content.
The four techniques used for multi-column layouts are CSS Framework, CSS Float Property, CSS Flexbox, and CSS Grid. CSS Framework is good if you want to create a layout quickly. CSS Float is the easiest to grasp, but it is limited in its flexibility. CSS Flexbox is great for predictability when making a website for different screen sizes. Lastly, CSS Grid is made using rows and columns, which makes it easy to design without the use of floats.
A semantic element is a clearly defined element for both the browser and the developer. Some common semantic elements include: <form>, <table>, and <article>. One common semantic element used is the <nav> elements. This is used when linking major blocks of navigation links, usually at the bottom of a webpage.