PWdPB bab 3

BAB 3

 APERSEPSI 

Di dalam situs web biasanya akan terlihat teks yang wamanya berbeda, bergaris bawah, atau berada dalam kotak (tombol). Inilah yang disebut hyperlink atau link. Jika bagian ini diklik, Anda akan dibawa lainnya. Anda akan mengetahui bahwa teks tersebut aktif (link) karena jika melewatkan pointer mouse di atasnya, pointer itu berubah menjadi pointing finger. Pranala atau hipertaut (Inggris: hyperlink) adalah sebuah acuan dalam dokumen hiperteks(hypertext) ke dokumen yang lain atau sumber lain, seperti halnya suatu kutipan di dalam literatur. Dikombinasikan dengan sebuah jaringan data dan sesuai dengan protokol akses, sebuah komputer dapat diminta untuk memperoleh sumber yang direferensikan.

1. Konsep Hyperlink dalam HTML

 Link berguna untuk menghubungkan antardokumen HTML. Link merupakan singkatan dari hyperlink, yang identik dengan sebuah fungsi dalam HTML yang digunakan untuk memudahkan user untuk menelusuri seluruh isi atau informasi yang tersimpan dalam website bersangkutan.

a. Mengenal Jenis Link

link dalam suatu objek dapat berupa teks atau gambar yang di pakai dalam kode HTML untuk menuju dari satu bagian ke bagian lain pada halaman yang sama atau menuju ke halaman(file) yang berbeda

  1.Link Absolut

      Link Absolut adalah link yang mengarah langsung ke website tertentu, di mana sebuah dokumen di        kunci  pada alamat valid 

     <a href=https://fadhil_solution.com> Kunjungi blog saya </A>

2. Link Relatif

     Link relatif adalah link yg mengarah langsung pada lokasi path atau link tujuan yang tersimpan               pada web server tanpa di awali alamat domain

2. Tag tag dalam Hyperlink

Peran link dalmn halatnan web sangat besar dan selalu dibutuhkan untuk memudahkan pengguna web dalam berinleraksi dcngan halaman web yang ada

1) <a> berfungsi dalam mendefinisikan sebuah hyperlink yang digunakan untuk menghubungkan halaman satu ke halaman lain

2) <link> berfungsi untuk menghubungkan dokumen yang bersangkutan dengan sumber file yang berasal dari luar

3) Mailto berfungsi memudahkan pengguna untuk mengirimkan e-mail ke suatu alamat e-mail tertentu

3. HTML

Form HTML digunakan untuk memilih berbagai macam inputan yang disediakan. Databisa dimasukan dalam bentuk Input text, pilihan radio button, check box, dan lain lain. Beberapa atribut yang dimiliki oleh tag <form> adalah accept, Accept-accept action, auto complete, method, enctype,name, novalidate, dan targetPada metode HTTP yang digunakan, server menerima string yang akan diorder untuk mendapatkan data list sebagai key (nilai pasangan). Cara mengakses list/ daftar tergantung pda platform pengembangan yang digunakan.

4. Elemen elemen Formulir 

<input> yang berfungsi untuk mendefinisikan input yang akan dimasukkan

Elemen <input> yang atribut TYPE-nya adalah text, memiliki atribut sebagai berikut: 

a). Name: untuk menamai kotak

b). Value: untuk menandai atau menampung teks

c). Size: mengatur ukuran teks pada kotak

d). MaXLength: menentukan panjang maksimum teks Masing-masing

5. Tipe-Tipe Inputan dalam Form (Text, Password, Radio, Checkbox Hidden, Button, Submit, dan File) 

Form HTML digunakan untuk memilih berbagai macam data yang disediakan dalam bentuk text area, input teks, pilihan radio button, check box. dan lain-lain. Bentuk input tersebut dikemas elemen dalam tag-tag form.

6. Link dalam Form

Pangguan link pada HTML, yaitu untuk menghubungkan dokumen tersebut ke halaman lain yang macapskon alamat tujuan.

7. Penggunaan Tag Form

Form HTML digunakan untuk memilih berbagai macam inputan yang disediakan . Data bisa di masukkan dalam bentuk input teks, pilihan radio button, check box, dan lain-lain. Bentuk inputan tersebut dikemas elemen dalam tag-tag form. Berikut ini elemen-elemen yang di sediakan oleh HTML.

a. Element Form Button 

          Berikut ini format umum penulisan input button pada tag <form>

<button type=button>

<button type=button name=name>

<button type=button value=value>

b. Element Form Reset dan input Submit

      Format tag HTML untuk form reset adalah: <INPUT TYPE=RESET>,sedangkan format tag HTML  input submit diuraikan sebagai berikut.

<input type=submit>

<input type=submit name=name>

<input type=submit value=value>

                          

                                Berikut contoh bentuk listing programnya

<!DOCtype html>

<html>

<head>

<title> Latihan 5 : Menghapus Data ( Reset ) </title>

 </head>

<body>

- - - INDENTITAS PESERTA DIDIK - - -

<form>

Nama Lengkap     : <input type="text"

name="nama"><br>

No. Induk Siswa : <input type="text" name="nis"

MaxLength = " 12 " > <br>

<input type="reset" Value="reset">

<input type="submit" name="submit" value="submit">

</form>

</body>

</html>

                              Berikut ini bentuk tampilan di browser