- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
How to create multi-column layout in HTML5 using tables?
Design your webpage to put your web content on multiple pages. You can keep your content in the middle column, you can use left column to use menu, and right column can be used to put an advertisement or some other stuff.
Example
<!DOCTYPE html> <html> <head> <title>Three Column HTML Layout</title> </head> <body> <table width = "100%" border = "0"> <tr valign = "top"> <td bgcolor = "#aaa" width = "20%"> <b>Main Menu</b><br /> HTML<br /> PHP<br /> PERL... </td> <td bgcolor = "#b5dcb3" height = "200" width = "60%"> Technical and Managerial Tutorials </td> <td bgcolor = "#aaa" width = "20%"> <b>Right Menu</b><br /> HTML<br /> PHP<br /> PERL... </td> </tr> <table> </body> </html>
Published on 10-Apr-2018 15:18:42
- Related Questions & Answers
- Multi-Column Layout for Text Flow using HTML.
- Create a Column Layout using CSS
- How to create a 2-column layout grid with CSS?
- How to create a 3-column layout grid with CSS?
- How to create a 4-column layout grid with CSS?
- How to create a mixed column layout grid with CSS?
- Java Program to create a layout using GridBagLayout
- How to create Tab Layout in an Android App using Kotlin?
- How to create GridView Layout in an Android App using Kotlin?
- How to create a swipe refresh layout in Android using Kotlin?
- How to create tables in HTML?
- How to create a floating Layout in HTML?
- How to create a flexbox Layout in HTML?
- How to create a Box Layout in Java?
- HTML5 validity of nested tables
Advertisements