Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>HTML Layout</title> <style> div.container {width:100%;border:1px solid #ddd} header, footer {padding:8px;color:#fff;background:#11a286;text-align:center} nav {float:left;max-width:160px;margin:0;padding:10px} nav ul {list-style-type:none;padding:0} nav ul a {text-decoration:none} article {margin-left:150px;border-left:1px solid #ddd;padding:10px;overflow:hidden} </style> </head> <body> <div class="container"> <header> <h1>nexladder</h1> </header> <nav> <ul> <li><a title="HTML" href="#">HTML</a></li> <li><a title="Jquery" href="#">Jquery</a></li> <li><a title="CodeIgniter" href="#">CodeIgniter</a></li> <li><a title="Vuejs" href="#">Vuejs</a></li> </ul> </nav> <article> <h1>HTML</h1> <p>HTML stands for Hyper Text Markup Language. It is the standard markup language for creating web pages and web applications. HTML markup consists of several key components, including those called tags (and their attributes), character-based data types, character references and entity references. </p> <p>HTML was created by Berners-Lee in late 1991 but "HTML 2.0" was the first standard HTML specification which was published in 1995. HTML 4.01 was a major version of HTML and it was published in late 1999. Though HTML 4.01 version is widely used but currently we are having HTML-5 version which is an extension to HTML 4.01, and this version was published in 2012.</p> </article> <footer>Copyright © nexladder.com</footer> </div> </body> </html>