• Terbaru

    Belajar HTML

    November 29, 2012 4
    Assalamualaikum kali ini saya ingin membuat catatan tentang html, biar ga lupa...
    .
    jadi programmer itu keren, baca teori saja ga praktek sama aja kaya belajar bahasa inggeris dari sd sampai kuliah tapi ga pernah praktek makanya masih mlempem, buat pemula biar ada gambaran tentang html silakan praktekkin ,cara membuat tampilan kaya di atas, tulis di notepad sj, save pk formt file html  , praktek setiap hari dengan sendirinya akan memahami konsep html tp ini tdk berlaku klw km ingin mempelajari pemrograman web dengan baik dn benar. Good luck !


    <!DOCTYPE html>
    <html>
    <title></title>


    <head>
    <style type="text/css">

    #header{
    width:70%;

    background:#cccccc;

    padding-left:400px;
    padding-top:20px;
    padding-bottom:30px;
    }


    #l1{
    float:left;
    width:300px;
    height:300px;

    background:#cccccc;
    border-top-style:ridge;
    border-width:5px;
    border-color:#ccccc;

    }


    #m1{
    margin-left:300px;

    width:700px;
    height:300px;

    background:#cccccc;
    border-top-style:ridge;
    border-left-style:ridge;
    border-right-style:ridge;
    border-widh:5px;

    border-color:#ffffff;

    }

    #l2{
    float:right;

    width:280px;
    height:300px;

    background:#cccccc;
    border-left-style:ridge;
    border-top-style:ridge;
    border-width:5px;
    border-color:#ffffff;
    }

    #footer{
    margin-top:5px;
    width:70%
    height:400px;
    background:#cccccc;

    border-style:ridge;
    border-width:10px;
    border-color:#ffffff;

    padding-left:500px;
    padding-top:50px;
    padding-bottom:20px;
    }


    </style>
    </head>

    <body>

    <div id='header'><div style="font-family:monotype corsiva; font-size:60px;">My Second Web Design</div>
    <p>This is my second web design, purposed to make a simple cool templates</p>
    </div>

    <div id='l1'>
    <ul>
    &nbsp&nbspI want to make my own web templates :
    <li>Making header</li>
    <li>Making left banner</li>
    <li>Making main entry space</li>
    <li>And making right banner</li>
    </ul>
    </div>


    <div id='l2'>
    <div style="font-size:35px">kanan banner</div>
    </div>


    <div id='m1'>
    <div style="font-size:35px">isinya</div></div>

    <div id='footer'></div>

    </body>

    </html>
    .
    Silakan coba dan pahami sendiri dan bikin yang benar.

    Wasalam
    Tags:
    Author Image

    About Izoels notes

    4 comments:

    Saya sangat berterimakasih apabila sahabat sekalian bersedia untuk tidak meninggalkan spam dan meninggalkan komentar yang berhubungan dengan artikel di atas.

    Subscribe to: Post Comments ( Atom )