HTML Layout Templates
Here is a collection of HTML templates that provides basic website layouts.
Each layout includes the following five main sections that are used on any website:
- navigation menu
- main content area
- extra stuff
Almost all layouts are created with the use of the CSS float property and negative margins. There are two things you should know about negative margins: if we apply negative margin on the float side it has the effect of shifting even more the floated elements towards the float side; if we apply a negative margin opposite a float, it creates a void, which leads to content overlapping, and this is very helpful for creating liquid layouts.
In modern websites float-based layouts are being replaced with flexible layouts created using CSS Flexible Box Layout Module.
Here you can find a few ways to customize your HTML template:
- Add some graphics to the template.
- Change your template or add some content.
- Learn HTML with our HTML tutorial.
- Learn how to change template styles with our CSStutorial.