Minggu, 12 Februari 2017

belajar hrml part 3 link,imege,form

   No comments
asalamualaikum.wr.wb
    Hai kawan kawan gimana kabarnya kali ini syang ingin post tentang bagaimana cara kegunaan link dan menruh foto di browser jugak bagai mana cara mambuat form yang benar .
1.pendahuluan.
   sebelum kita lebih lanjut mempelajari link,image dan,form ayok kita kenali dulu apa itu link dan apa itu imege dan apa itu form.
       link adalah subuah perintah yang menghubungkan ke browser lain,link jugak disebut sebagai hyperlink karna bersifat acuan ke browser lain seperti hal nya suatu kutipan di dalam literatur. dikombinasikan dengan sebuah jaringan data dan sesuai dengan protokol akses, sebuah komputer dapat diminta untuk memperoleh sumber yang direferensikan.pengertian link atau dalam bahasa Indonesia disebut dengan tautan adalah tulisan atau gambar yang apabila di klik akan menuju halaman tertentu sesuai dengan yang di tentukan oleh pembuat link.
1. langkah langkah membuat link
  • kalian buka sublime text / nootpad++
  • setelah itu beri perintah link pada sublime text seperti ini



  • link yang kita ketik di sublime text akan langsung tertuju ke URL yang telah kita ingin tujui relatif dengan perintah (http:..//www)
  • dan akan muncul di browser kalain seperti ini

  •  kalau kita klik nama yang tertera di browser itu maka akan tertuju ke link yang sudah kita ketik di sublime text.maka akana muncul seperti ini:

2.link color
  • link  color adalah gimana cara kita memberi warna pada link yang kita ketik di sublime text,seperti ini

  • akan muncul di browser kalin seperti ini.

  • jika kita klik,maka akan muncul di browsermu seperti ini:


3.link dengan atribut.
  • buka sublime text dengan halaman baru
  • ketik seperti di bawah ini:


  • maka akan muncul di browsermu seperti di atas dan jika kita klik maka akan muncul seperti ini



  • yang terjadi di atas adalah blank eror.
4.memberi imege / gambar di browser
   memberi imege di gambar ialah bertujuan untuk memberi fariasi berbeda dan meberi sesutu yang menariuk untuk di lihat di browser
  • pertama kita buka sublime text
  • kita ketikkan seperti di bawah ini:

  • jika kita masuk ke browser maka apa yang akan muncul.




5.membuat form di browser
   Form digunakan untuk menerima inputan dari user dan memproses hasil inputan tersebut ke server. Penggunakan form yang hanya menggunakan HTML saja tidak akan terlalu berguna. From biasanya hanya berupa interface yang disediakan untuk mengumpulkan data dari user, dan akan diproses dengan bahasa pemograman seperti JavaScript atau PHP, dan disimpan di dalam database MySQL.
    Tapi kali ini sayadisini hanya ingin menjelaska perintah perintah yang digunakan oleh form,terdapat banyak perintah di saat kita membuat form tetapi tidak memungkinkan sulit dalam membuat form.


    1.sintak penulisan form yang benar
<FORM method="(post) atau (get)" action="program_pemroses">
 <!-- elemen-elemen FROM -->
</FORM>
     Method POST dan GET adalah method yang digunakan dalam halaman html untuk mengirimkan parameter/data dari halaman masukan ke halaman keluaran.
    2.mengenal text box
        tex box digunakan untuk memasukkan data string sebanyak satu baris.
         sintak:
             <input type="text" name="text1" size="20" value="Rampes Team>
             <input type="password" name="pass1" size="20" value="password">

    3.chek box
          Checkbox digunakan untuk memberi beberapa pilihan kepada user, sehingga user dapat memilih salah satu, lebih dari satu pilihan atau tidak sama sekali.dengan perintah mencentang .
sintak:
<input type="checkbox" name="c1" checked> HTML
<input type="checkbox" name="c2"> CSS
<input type="checkbox" name="c3"> JavaScript


    4.Radio button
         Radio button digunakan membuat pilihan. user dapat memilih salah satu pilihan yang yersedia, sehingga user tidak bisa memilih kurang atau lebih dari satu pilihan yang disediakan.
sintak:
<input type="radio" name="HTML" value="HTML" checked> HTML
<input type="radio" name="CSS" value="CSS"> CSS
<input type="radio" name="Java" value="Java"> JavaScript

    5.drop down menu
        DROP DOWN Menu digunakan untuk membuat menu pilihan.
sintak: 
<select name="menu">
   <option value="menu"> Drop Down </option> 
   <option value="HTML"> HTML </option> 
   <option value="CSS"> CSS </option> 
   <option value="Java"> JavaScript </option>
</select>

    6.text area.
         Text area digunakan untuk menampilan masukan berupa textbox yang mempu menerima masukan berupa string lebih dari satu baris.
sintak:
<textarea name="text1" rows="5" cols="40">
Komentar Anda:
</textarea>

    7.buttom
         Elemen ini diunakan untuk menampilkan tombol yang dapat berupa tombol SUBMIT untuk mengirimkan data ke pemroses di server, RESET untuk mengulangi/mengosongkan isian form yang tidak berfungsi apapun sebelum kita mendefinisikan sebuah fungsi untuknya.
sintak:
<input type="submit" value="kirim" name="button1"> 
<input type="reset" value="batal" name="button2">
      
    8.fieldset
          Elemen ini digunakan untuk mengelompokan data yang terikat dengan formilir, sedangkan legend didefinisikan untuk memberi keterangan untuk elemen fieldset.
sintak:
 <fieldset>
    <legend>Personal informasi:</legend>
    Nama Depan:<br>
    <input type="text" name="namaD" value="Ihsan">
    <br>
    Nama Belakang:<br>
    <input type="text" name="namaB" value="Ridwan">
    <br><br>
    <input type="submit" value="Submit">
  </fieldset>
  • kesimpulan.
          kesimpulannya ialah dimana kita membuat program jangan hanya ingin membuatnyanya saja tetai bagaimana kita mengert di setiap eleman atau perintah yang ada pada suatu program yang kita buat
  • refrensi
  1. w3/w3schools/html/default.html
  2. https://rampesteam.blogspot.co.id/2015/09/pengertian-form-dan-cara-membuat-form.html
mungkin itu saja postku hari ini terus semangat belajar agar kalian mengerti segala hal yang telah kalian pelajari
wasalamualaikum.wr.wb

 
    


0 komentar:

Posting Komentar