Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML>
- <html>
- <title>Younoob</title>
- <head>
- <style>
- header,footer
- {
- background-color: gray;
- }
- section
- {
- background-color: lightblue;
- }
- body
- {
- background-color: silver;
- }
- header,footer ,aside,article
- {
- outline-color: black;
- outline-style: solid;
- outline-width: 1px;
- }
- aside
- {
- float: left;
- width : 10%;
- }
- article
- {
- float: right;
- width: 85%;
- }
- footer
- {
- clear: both;
- position: relative;
- }
- </style>
- <meta charset="utf-8">
- <marquee bgcolor="pink" scrolldelay="20""><H1>LAB HTML5</H1></marquee>
- </head>
- <body>
- <header><h3>This is HEADER</h3>
- <p>Website Name</p>
- </header>
- <section>
- <aside>
- <h2 style="color: blue">MENU</h2>
- <ul>
- <li><a href="http://www.google.co.th">MENU1</a></li>
- <li><a href="page1.html">PAGE1</a></li>
- <li><a href="page2.html">REGISTER FORM</a></li>
- </ul>
- </aside>
- <article>
- <H3 style ="font-style: italic;">This is content</H3>
- <br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
- <br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
- <br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
- <br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
- <br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
- <br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
- <br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
- <br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
- <br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
- <br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
- </article>
- </section>
- <footer><h3>This is FOOTER</h3>
- <p>Copyright</p>
- </footer>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement