Bright Academic Experts

Category: Html / CSS

  • Jochiixi8td

    Bold italic underline

    Requirements:

  • index.html style.css

    <html>

    <head>

    <title>Layout web 3 kolom</title>

    <body>

    <table border="1" align="center">

    <!--navbar-->

    <tr>

    <td colspan="3" height="30px">NAVBAR</td>

    </tr>

    <!--header-->

    <tr>

    <td height="150px" width="50px">LOGO</td>

    <td colspan="2" height="150px">BANNER</td>

    </tr>

    <!--navigasi & searchbox-->

    <tr>

    <td colspan="2" width="800px">NAVIGATION</td>

    <td width="300px">

    <form>

    <input type="search" size="50" placeholder="Search...">

    <input type="submit" value="Search">

    </form>

    </td>

    </tr>

    <!--content-->

    <tr>

    <td colspan="2" height="400px" width="800px">CONTENT</td>

    <td width="300px">SIDEBAR KANAN</td>

    </tr>

    <!--footer-->

    <tr>

    <td height="200px" width="400px">WIDGET 1</td>

    <td height="200px"width="400px">WIDGET 2</td>

    <td height="200px" width="400px">WIDGET 3</td>

    </tr>

    </table>

    </body>

    </head>

    </html>


    <html>

    <head>

    <meta charset="utf-8">

    <title>Layout Website Sederhana</title>

    <link href="style.css" type="text/css" rel="stylesheet">

    </head>

    <body>

    <div class="wrap">

    <div class="header">

    <h1>HEADER</h1>

    </div>

    <div class="nav">

    MENU

    </div>

    <div class="main">

    <div class="content">

    <h2>Content</h2>

    <p>Content Web</p>

    </div>

    <div class="sidebar">

    <h2>Righr Sidebar</h2>

    </div>

    <div class="clear"></div>

    </div>

    <div class="footer">

    <center><p>Copyright 2017 p></center>

    </div>

    </div>

    </body>

    </html>

    Requirements:

  • layout kolom 2

    <html>

    <head>

    <title>Layout web 2 kolom</title>

    <body>

    <table border="1">

    <!--header-->

    <tr>

    <td colspan="2" height="120px">HEADER</td>

    </tr>

    <!--navigation-->

    <tr>

    <td colspan="2" height="30px">NAVIGATION</td>

    </tr>

    <!--content-->

    <tr>

    <td height="400px" width="720px">CONTENT</td>

    <td height="400px" width="360px">SIDEBAR KANAN</td>

    </tr>

    <!--footer-->

    <tr>

    <td colspan="2" height="200px">FOOTER</td>

    </tr>

    </table>

    </body>

    </head>

    </html>

    Requirements:

  • contoh layout 1colom

    <html>

    <head><title>Layout web 1 kolom</title><body><table border="1"><!--header--><tr><td height="120px">HEADER</td></tr><!--navigation--><tr><td height="30px">NAVIGATION</td></tr><!--content--><tr><td height="400px">CONTENT</td></tr><!--footer--><tr><td height="200px">FOOTER</td></tr></table></body></head>

    </html>

    Requirements: