Top 5 Code Editor you must try
HTML layouts give a web page beautiful design or batter look, so HTML layout is important for a simple HTML web page. The latest website layouts can be achieved through the combination of HTML and CSS and make it advance.
HTML layouts are mainly using table tag to create a HTML web page or website layout. In advance websites, many websites achieved HTML layout using tables.
A HTML page you can using inline CSS create a HTML layout. Follow the example:
Example:
Apply the Codes:
<!DOCTYPE html> <html> <head> <title>HTML Layouts</title> <style> .td-backcolor{ background: #000; color: #ffffff; text-align: center; } .td-menu{ background-color: #020575; } .td-menu, a{ color: #ffffff; text-align: left; } .td-main{ background-color: #c1c1c1; font-size: 19px; } .td-footer{ background-color: #3c2e2e; font-size: 21px; } </style> </head> <body> <div class="container"> <table width = "100%" border = "0"> <tr> <td colspan = "2" class="td-backcolor"> <h1>Programming Tutorial</h1> </td> </tr> <tr valign = "top"> <td class="td-menu" width = "20%"> <b>Click Menu:</b><br /> <a href="">HTML</a><br /> <a href="">PHP</a><br /> <a href="">C</a><br /> </td> <td class="td-main" width = "80%" height = "200"> Html Tutorial: If you want create a website HTML is one of the best way to make responsive websites.From this tutorial you are going to learn everything about HTML and also get lots information about HTML. The latest version of HTML is HTML5. </td> </tr> <tr> <td colspan = "2" class="td-footer"> <center> Copyright © 2017 datainflow.com </center> </td> </tr> </table> </div> </body> </html>
Related posts