• Latest News

    Tuesday, August 30, 2011

    Belajar Dasar HTML Part 1

    Blogger mania kali ini saya berikan bocoran modul saya, yang selama ini membantu saya dalam pembuatan editing blog. dalam modul ini beberapa tahapan akan saya berikan disitu. tinggal anda gunakan sesuai kebutuhan.
    beikut modul saya :
    • <html> - memulai pembuatan dokumen HTML.
    • <head> - bagian untuk menaruh judul "TITLE", "META tags" untuk indeks ke search engine, STYLE tags, bentuk tampilan layout, dan kode JavaScript untuk efek khusus.
    • <title> - TITLE atau judul blog anda, untuk memudahkan browser mengetahui judul blog anda.
    • </title> - Menutup kode Tag Title.
    • </head> - Menutup kode Tag Head.
    • <body> - untuk menempatkan dokumen dan bagian kode HTML..
    • </body> - Menutup kode Tag body..
    • </html> - Menutup kode Tag HTML. 

    Mungkin contoh dibawah ini bisa membantu :
    1. Dalam Penulisan artikel / posting 
      1. Penggunaan Alenia,
      2. kode script yang dipakai adalah sebagai beikut :
        <dl> <dt>kyipezone</dt> <dd>The name that you can trust </dd> </dl>
        Hasilnya :
        Kyipezone
        The name that you can trust  
         
      1. Menengahkan Teks dan kode HTML/Java script(gadget),
      2. kode script yang dipakai adalah sebagai beikut :       
        <center>Teksnya saya taruh ditengah ahh</center> 
        Hasilnya :
        Teksnya saya taruh ditengah ahh
         
         
      1. Memberi Jarak baris(line break),
      2. memutuskan teks / dokumen jadi ke baris baru kode script yang dipakai adalah sebagai beikut :
          <br> 
           
      3. Rubah Tampilan Font (Font face),
      4. kode script yang dipakai adalah sebagai beikut : 
        <font face="Verdana">Kyipezone</font> 
        <font face="Times New Roman" size="5">Kyipezone</font> 
        <font face="Arial" size="+3" color="#ff0000">Kyipezone</font>  
        Hasilnya : 
        Kyipezone   
        Kyipezone 
        Kyipezone
         
         
      1. Format Font, Menebalkan, garis bawah dan italic pada teks
        kode script yang dipakai adalah sebagai beikut :
        <b>Kyipezone</b> 
        <u>Kyipezone</u>
        <i>Kyipezone</i>
        <big>Kyipezone</big> 
        <small>Kyipezone</small>  
        <strike>Kyipezone</strike>  
        <strong>Kyipezone</strong>
         
        Hasilnya :
        Kyipezone
        Kyipezone
        Kyipezone
        Kyipezone 
        Kyipezone
        Kyipezone 
        Kyipezone
         
      1. Heading, Penulisan kepala teks 
        Kode Scriptnya adalah sebagai berikut :
        <h1>Kyipezone</h1>  
        <h2>Kyipezone</h2>  
        <h3>Kyipezone</h3>  
        <h4>Kyipezone</h4>  
        <h5>Kyipezone</h5>  
        <h6>Kyipezone</h6>
        Hasilnya :

        Kyipezone

        Kyipezone

        Kyipezone

        Kyipezone

        Kyipezone
        Kyipezone
         
      1. Paragraph, mengatur letak posisi paragraf teks
        kode script yang dipakai adalah sebagai beikut :
        Kyipezone 1:<br> <br> <p align="left"> Mengatur letak teks<br> dari sebelah kiri<br> pada postingan anda.<br> <br> Kyipezone 2:<br>
        <br>
        <p align="right">
        Mengatur letak teks<br>
        dari sebelah kanan<br>
        pada postingan anda
        <br> Kyipezone 3:<br>
        <br>
        <p align="center">
        Mengatur letak teks<br>
        dari Tengah<br>
        pada postingan anda<br>
         
        Hasilnya :
        Kyipezone 1:
        Mengatur letak teks dari sebelah kiri pada postingan anda.     
        Kyipezone 2: 
        Mengatur letak teks dari sebelah kanan pada postingan anda
        Kyipezone 3:
        Mengatur letak teks dari Tengah pada postingan anda




    2. Dalam menata isi sidebar
















      1. kode scriptnya adalah sebagai berikut
        contoh 1: 
        <form method=post action="/cgi-bin/example.cgi"> <input type="text" size="10" maxlength="30"> <input type="Submit" value="Submit"> </form> 
        Contoh 2: 
        <form method=post action="/cgi-bin/example.cgi"> <input type="text" style="color: #ffffff; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72a4d2;" size="10" maxlength="30"> <input type="Submit" value="Submit"> </form><font face="Arial" size="+3" color="#ff0000">Kyipezone</font>   
        Contoh 3:
        <form method=post action="/cgi-bin/example.cgi">
        <table border="0" cellspacing="0" cellpadding="2"><tr><td bgcolor="#8463ff"><input type="text" size="10" maxlength="30"></td><td bgcolor="#8463ff" valign="Middle"> <input type="image" name="submit" src="yourimage.gif"></td></tr> </table>
        </form>
         
         
        Hasilnya : 
        contoh 1:
        Contoh 2:
        Contoh 3:
          
        Semoga bermanfaat
        Selamat mencoba !!
    • Blogger Comments
    • Facebook Comments

    0 comments:

    Post a Comment

    Item Reviewed: Belajar Dasar HTML Part 1 Rating: 5 Reviewed By: Arif Kurniawan
    Scroll to Top