Kamis, 19 Mei 2016

Pengertian hyperlink dan fungsinya
Hyperlink adalah cara untuk menghubungkan suatu bagian di dalam slide, file, program ataupun pada halaman web dengan bagian yang lainnya dalam bidang-bidang tersebut. Hyperlink sering dipakai untuk menunjukan lokasi lainnya dari dari teks maupun objek yang diperlihatkan atau dipresentasikan. Hyperlink dapat menghubungkan beberapa file, objek, aplikasi, dokumen, halaman web dan lain-lain.



          Tag yang dibutuhkan untuk membuat sebuah hyperlink adalah sebuah tag <a> yang dilengkapi dengan atribut href untuk mendefinisikan lokasi LINK. <a href=link tujan>nama link</a>



 cara membuat hyperlink adalah dengan memasukan syntax seperti di bawah ini:


<html>
<head>
<body>
link menuju ke email
<p>
<mailto="fianpdc@gmail.com">Klik disini</a>
</p>
link ini menuju ke youtube
<p>
<https://www.youtube.com/channel/UCmPGt2KOLDYfAS-olMsgu8g>klik disini</a>
</body>
</head>
</html>

Dan hasilnya :

link ini menuju ke email klik disini
link ini menuju ke Youtube klik disini


__________________________________________________________________________________

   Pengertian form dan cara pembuatannya


Pengertian form
Form merupakan salah satu bentuk halaman web yang di gunakan untuk menerim amasukan dari penguna, untuk selanjutnya masukan dari penguna tersebut diolah mengunakam bahasa pemrograman web baik secara server side scripting  ataupun client side scripting yaitu java script.
format umum dari form
<form>
input element
</form>
Ada dua atribut yang di gunakan pada element form
1.       Methode yaitu untuk pengiriman ke tujuan. Methode terdiri dari dua jenis:
-          Get yaitu mengirim data ke server dengan cara meletakan data pada bagian akhir dari URL yang di tuju.
-          Post yaitu datanya dikirim terpisah.
2.       Action yaitu untuk menentukan tujuan apabila sebuah tombol form di jalankan.
    Perbedaan jika kita mengisi methode get dan post:
-          Untuk methode get di gunaka untuk pencarian query.
-          Untuk methode post biasanya di gunakan untuk data yang lebih sensitive seperti password atau regestrasi user.
Ada beberapa element input pada form:
1.       Text box <input type=”text”>
Di gunakan untuk memesukan input yang berupa text.
2.       Password <input type=”password”>
Di gunakan untuk memesukan password.
3.       Hidden <input type=”hidden”>
Digunakan untuk mengirim data ke suatu aplikasi yang tidak di inginkan untuk di lihat oleh browser.
4.       Check box <input type=”checkbox”>
Di gnakan untuk dapat memilih lebih dari satu pilihan.
5.       Radio bottom <input type=”radio”>
Di gunakan agar dapat memilih hanya salah satu pilihan.
6.       Push bottom <input type=”button”>
Biasanya di gunakan dengan java script atau visual basic script untuk menghasilkan suatu aksi.
7.       Submit <input type=”submit”>
Di gunakan untuk mengirimkan nama dan nilainya ke suatu aplikasi dalam atribut action di dalam element form.
8.       Image submit buton <input type=”image” src=“url”>
Digunakan untuk menggantikan tombol standar submit dengan image.
9.       Reset <input type=”reset”>
Digunakan untuk mereset semua masukan dalam form.
10.   Text area < Textarea> . . . </Textarea>
Di gunakan untuk memesukan text secara leluasa seperti notepad.
11.   Select <select> . . . </select>
Merupakan daftar isi dari properti select menggunakan tag option <option>.

Cara membuatnya adalah dengan menulis Syntax berikut ini:

<html>
<head>
<p><P>BELAJAR MEMBUAT FORM MENGGUNAKAN ENTRI KESELURUHAN
<table border="0">
<tr>
<td>Nama</td> <td>:</td>
<td> <input type="text"name="nama"></td>
</tr>
<tr>
<td>E-mail</td> <td>:</td>
<td> <input type="text"name="email"></td>
</tr>
<tr>
<td>Password</td> <td>:</td>
<td> <input type="password"name="password"></td>
</tr>
<tr>
<td>no telpon</td> <td>:</td>
<td> <input type="text"name="no hp"></td>
</tr>
<tr>
<td>alamat</td> <td>:</td>
<td> <input type="text"name="alamat"></td>
</tr>
Bullet:
<tr>
<td> kelamin </td><td>:</td>
<td><input size="1" type="radio" name="kelamin"/>perempuan<input size="1" type="radio" name="kelamin"/>laki-laki</td>
</tr>
<tr>
<td><input type="reset"value="reset">
<input type="submit"value="submit"></td>
</tr>
<table>
</form>
<html>


Hasilnya akan seperti ini:

Nama :
E-mail :
Password :
no telpon :
alamat :
kelamin : perempuanlaki-laki




    Oke sekian dulu materi tentang Hyperlink dan Form-nya, mohon maaf jika ada kesalahan dalam penulisan blog ini, silahkan komen dibawah jika masih ada yang belum jelas.

Tidak ada komentar:

Posting Komentar