HTML Tutorial

The language for building web pages.

Chapter Quiz Exercises

HTML Layout

HTML Layouts

Websites often display content in multiple columns. HTML has several ways to create layouts.

Layout Techniques:

CSS Flexbox - Most recommended for 1D layouts
CSS Grid - Best for 2D layouts
CSS Float - Old method, still used
HTML Table - Not recommended for layout

Semantic Layout Tags:

<header>, <nav>, <main>, <section>, <article>, <aside>, <footer>

Try It Yourself

Edit the code below and click Run to see the result live.

Source Code

Result

Previous

Next

Topics

HTML Introduction HTML Introduction HTML Editors HTML Elements HTML Basic HTML Attributes HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Styles HTML Formatting HTML Quotations HTML Comments HTML Colors HTML CSS HTML Links HTML Images HTML Tables HTML Lists HTML Block & Inline HTML Div HTML Classes HTML Id HTML Iframes HTML JavaScript HTML Head HTML Layout HTML Responsive HTML Entities HTML Forms HTML Input Types HTML Canvas HTML SVG HTML Video HTML Audio HTML Geolocation HTML Web Storage HTML Favicon HTML Semantics HTML Buttons HTML Computercode HTML Symbols HTML Emojis HTML Drag and Drop HTML Form Elements HTML Accessibility HTML YouTube