• Latest News

    Monday, September 5, 2011

    Belajar Dasar HTML part 2

    Blogger mania melanjutkan dari coretanKOE yang kemarin, kali ini modulnya tak lanjut lagi :




    1. Dalam Penulisan artikel / posting 
      1. Penggunaan Bullet and ,
      2. kode script yang dipakai adalah sebagai beikut :
        contoh 1: 
        <menu>
        <li type="disc">Kyipezone</li>
        <li type="circle">Kyipezone</li>
        <li type="square">Kyipezone</li> 
        </MENU> 
         
        contoh 2: 
        <ol type="i"> 
        <li>Kyipezone</li> 
        <li>Kyipezone</li> 
        <li>Kyipezone</li> 
        <li>Kyipezone</li> 
        </ol>
        Hasilnya :
        contoh 1:

      1. Kyipezone


      2. Kyipezone


      3. Kyipezone


      4. contoh 2:
        1. Kyipezone
        2. Kyipezone
        3. Kyipezone
        4. Kyipezone
         
      5. Menengahkan Teks dan kode HTML/Java script(gadget),
      6. kode script yang dipakai adalah sebagai beikut :       
        Numbered
        <ol> 
        <li>List item 1</li>
        <li>List item 2</li> 
        <li>List item 3</li> 
        <li>List item 4</li> 
        </ol> 
         
        Numbered Special Start from 5 
        berlaku untuk dari angka berapapun) 
        <ol start="5"> 
        <li>List item 1</li> 
        <li>List item 2</li> 
        <li>List item 3</li> 
        <li>List item 4</li> 
        </ol> 
         
        Lowercase Letters 
        <ol type="a"> 
        <li>List item 1</li> 
        <li>List item 2</li> 
        <li>List item 3</li> 
        <li>List item 4</li> 
        </ol> 
         
        Capital Letters 
        <ol type="A"> 
        <li>List item 1</li> 
        <li>List item 2</li> 
        <li>List item 3</li> 
        <li>List item 4</li> 
        </ol> 
         
        Lowercase Roman Numerals 
        <ol type="i"> 
        <li>List item 1</li> 
        <li>List item 2</li> 
        <li>List item 3</li> 
        <li>List item 4</li> 
        </ol> 
         
        Capital Roman Numerals 
        <ol type="I"> 
        <li>List item 1</li> 
        <li>List item 2</li> 
        <li>List item 3</li> 
        <li>List item 4</li> 
        </ol>   
        Hasilnya : 
        Numbered
        1. List item 1
        2. List item 2
        3. List item 3
        4. List item 4
        Numbered Special Start from 5 (berlaku untuk dari angka berapapun)
        1. List item 1
        2. List item 2
        3. List item 3
        4. List item 4
        Lowercase Letters
        1. List item 1
        2. List item 2
        3. List item 3
        4. List item 4
        Capital Letters
        1. List item 1
        2. List item 2
        3. List item 3
        4. List item 4
        Lowercase Roman Numerals
        1. List item 1
        2. List item 2
        3. List item 3
        4. List item 4
        Capital Roman Numerals
        1. List item 1
        2. List item 2
        3. List item 3
        4. List item 4
           
      1. Memberi Garis (Horisontal rule),
      2. kode script yang dipakai adalah sebagai beikut : 
        <hr width="50%" size="3" /> 
        <hr width="50%" size="3" noshade /> 
        <hr width="75%" color="#ff0000" size="4" /> 
        <hr width="25%" color="#6699ff" size="6" />  
        Hasilnya : 




         
         

    2. Dalam menata isi sidebar


      1. Membuat Media input (form)
      2. kode scriptnya adalah sebagai berikut
        contoh 1: <form method=post action="/cgi-bin/example.cgi"> Enter Your Comments:<br> <textarea wrap="virtual" name="Comments" rows=3 cols=20 maxlength=100></textarea><br> <input type="Submit" value="Submit"> <input type="Reset" value="Clear"> </form> 
        Contoh 2: <form method=post action="/cgi-bin/example.cgi"> Select an option:<br> <input type="radio" name="option"> Option 1 <input type="radio" name="option" checked> Option 2 <input type="radio" name="option"> Option 3 <br> <br> Select an option:<br> <input type="checkbox" name="selection"> Selection 1 <input type="checkbox" name="selection" checked> Selection 2 <input type="checkbox" name="selection"> Selection 3 <input type="Submit" value="Submit"> </form>
         
        contoh 3:
        <form method=post action="/cgi-bin/example.cgi">
        <center>
        Select an option:
        <select>
        <option >option 1</option>
        <option selected>option 2</option>
        <option>option 3</option>
        <option>option 4</option>
        <option>option 5</option>
        <option>option 6</option>
        </select><br>
        <input type="Submit" value="Submit"></center>
        </form>  
         
        Contoh 4:
        <form action="mailto:you@yourdomain.com"> Name: <input name="Name" value="" size="10"><br> Email: <input name="Email" value="" size="10"><br> <center><input type="submit"></center> </form>
         
        Hasilnya : 
          contoh 1:
          Enter Your Comments:
           
             
           
            contoh 2:
          Select an option:
            Option 1
            Option 2
            Option 3
            Select an option:
              Selection 1
              Selection 2
              Selection 3
        contoh 3: 
          Select an option:
        contoh 4:
          Name: Email:
         
      1. Membuat Media input (form)
      2. kode scriptnya beikut ini : 
        contoh 1:
        <br> 
        <br> 
        <ul> 
        <li>List item 1</li> 
        <li>List item 2</li> 
        </ul> <br> 
         
        contoh 2:
        <br> 
        <ul type="disc"> 
        <li>List item 1</li> 
        <li>List item 2</li> 
        <ul type="circle"> 
        <li>List item 3</li> 
        <li>List item 4</li> 
        </ul> </ul>
         
        Hasilnya :
         Contoh
        • List item 1
        • List item 2
        contoh 2:
        • List item 1
        • List item 2
          • List item 3
          • List item 4




        Semoga bermanfaat
        Selamat mencoba !!

    • Blogger Comments
    • Facebook Comments

    0 comments:

    Post a Comment

    Item Reviewed: Belajar Dasar HTML part 2 Rating: 5 Reviewed By: Arif Kurniawan
    Scroll to Top