OBINTUSACADEMY
HOME CONTACT SERVICES PRIVACY
C.B MS-PACKAGES HTML
HTML - Layouts

HTML

BASIC

Introduction to HTML Getting Started Basic Structure HTML Syntax HTML Tags HTML Elements HTML Attributes HTML Formatting HTML Links HTML Quotation Element HTML Citation Element HTML Address Element HTML Abbreviation Element HTML Bi-Directional Element HTML Comments HTML Lists HTML Styles HTML Images HTML Favicon Basic Projects

INTERMEDIATE

HTML Meta Tag Attributes HTML Tables HTML Forms HTML Form Elements HTML Form Attributes HTML Input Attributes HTML Form Examples HTML Inline Elements HTML Block Elements HTML Div HTML Id HTML Class HTML iFrame

ADVANCE

HTML Graphics HTML Multimedia HTML Video HTML Audio HTML Plugins HTML YouTube HTML Entities HTML Emojis HTML Layouts HTML Semantics HTML URL HTML Validation HTML Conclusion

HTML Layouts

PREVIOUS NEXT

HTML layout is the way different elements are being arranged and positioned to provide a good web page structure that is user-friendly to visitors.

Website layout pages can be in form of newspapers or magazines, which displays contents in multiple columns.

Example

website_layout

How-To

There are several ways to create a nice structure like the one above for your website. Below are four (4) major ways on how to create website layouts

  • Using CSS Float Style
  • Using Grid Layout
  • Using Flex Box
  • Using Bootstrap Framework

The <div> element is the most common element that is used while creating layouts using any of the methods above. But HTML5 introduced structural elements that we can use to define each part of a web page. The structural elements are also called Semantics Elements.

PREVIOUS NEXT
ADVERTISEMENTS

LEARNING IS A CONTINOUS PROCESS - PRACTICE MAKES PERFECT